color #12A6CE | Chroma Seek

#12A6CE

Color Information

Hex Code

#12A6CE

RGB

18, 166, 206

HSL

193°, 84%, 44%

CSS

#12A6CE

Color Tints

Lighter variations of #12A6CE

#12A6CE

#2AAFD3

10%

#41B8D8

20%

#59C1DD

30%

#71CAE2

40%

#89D3E7

50%

#A0DBEB

60%

#B8E4F0

70%

#D0EDF5

80%

#E7F6FA

90%

#FFFFFF

100%

Color Shades

Darker variations of #12A6CE

#12A6CE

#1095B9

10%

#0E85A5

20%

#0D7490

30%

#0B647C

40%

#095367

50%

#074252

60%

#05323E

70%

#042129

80%

#021115

90%

#000000

100%

Related Colors

Complementary Color

#CE3B12

Opposite on color wheel

Split-Complementary Colors

#CE1247, #CE9912

Adjacent to complementary color

Analogous Colors

#12CE99, #1247CE

Adjacent colors on color wheel (30° apart)

Triadic Colors

#CE12A6, #A6CE12

Three colors equally spaced (120° apart)

Tetradic Colors

#3B12CE, #CE3B12, #A6CE12

Rectangle on color wheel (90° apart)

Square Colors

#9912CE, #CE3B12, #47CE12

Four colors equally spaced (90° apart)

Monochromatic Variations

#B4EAF8, #56CFF0, #0A5A71, #020F13

Same hue, different lightness/saturation

Aesthetic Color Palettes

Beautiful 5-color palettes featuring #12A6CE. Each palette is designed for harmonious color combinations.

Analogous + Complementary

#12A6CE

#12CE6A

#1218CE

#CE3B12

#CE9912

A harmonious blend of analogous colors with complementary accents for balanced contrast.

Triadic + Accent

#12A6CE

#CE12A6

#A6CE12

#7856F0

#0A7120

Bold triadic colors with lighter and darker accent variations for dynamic contrast.

Monochromatic + Split Complementary

#12A6CE

#6ED6F2

#084859

#CE1247

#CE9912

Sophisticated monochromatic variations paired with split complementary colors for elegant contrast.

Interactive Color Picker

Click and drag on the color picker to explore different colors. The preview area will update in real-time.

Hue

Saturation & Lightness

Current Color

#12A6CE

RGB Values

18, 166, 206

HSL Values

193°, 84%, 44%