#12a689 hex color

In a RGB color space, hex #12a689 is composed of 7.1% red, 65.1% green and 53.7% blue. Whereas in a CMYK color space, it is composed of 89.2% cyan, 0% magenta, 17.5% yellow and 34.9% black. It has a hue angle of 168.2 degrees, a saturation of 80.4% and a lightness of 36.1%. #12a689 color hex could be obtained by blending #24ffff with #004d13. Closest websafe color is: #009999.

♥
- f
- t
- g
- R 7
- G 65
- B 54
RGB color chart
- C 89
- M 0
- Y 17
- K 35
CMYK color chart

● #12a689 color description : Dark cyan.

The hexadecimal color #12a689 has RGB values of R:18, G:166, B:137 and CMYK values of C:0.89, M:0, Y:0.17, K:0.35. Its decimal value is 1222281.

Hex triplet	12a689	`#12a689`
RGB Decimal	18, 166, 137	`rgb(18,166,137)`
RGB Percent	7.1, 65.1, 53.7	`rgb(7.1%,65.1%,53.7%)`
CMYK	89, 0, 17, 35
HSL	168.2°, 80.4, 36.1	`hsl(168.2,80.4%,36.1%)`
HSV (or HSB)	168.2°, 89.2, 65.1
Web Safe	009999	`#009999`

CIE-LAB	60.962, -42.495, 5.008
XYZ	18.399, 29.205, 28.333
xyY	0.242, 0.385, 29.205
CIE-LCH	60.962, 42.789, 173.278
CIE-LUV	60.962, -49.072, 13.544
Hunter-Lab	54.042, -33.8, 6.745
Binary	00010010, 10100110, 10001001

#12a689
```
#12a689 rgb(18,166,137)
```
#a6122f
```
#a6122f rgb(166,18,47)
```

Complementary Color

#12a63f
```
#12a63f rgb(18,166,63)
```
#12a689
```
#12a689 rgb(18,166,137)
```
#1279a6
```
#1279a6 rgb(18,121,166)
```

Analogous Color

#a63f12
```
#a63f12 rgb(166,63,18)
```
#12a689
```
#12a689 rgb(18,166,137)
```
#a61279
```
#a61279 rgb(166,18,121)
```

Split Complementary Color

#a68912
```
#a68912 rgb(166,137,18)
```
#12a689
```
#12a689 rgb(18,166,137)
```
#8912a6
```
#8912a6 rgb(137,18,166)
```

Triadic Color

#2fa612
```
#2fa612 rgb(47,166,18)
```
#12a689
```
#12a689 rgb(18,166,137)
```
#8912a6
```
#8912a6 rgb(137,18,166)
```
#a6122f
```
#a6122f rgb(166,18,47)
```

Tetradic Color

#0b6150
```
#0b6150 rgb(11,97,80)
```
#0d7863
```
#0d7863 rgb(13,120,99)
```
#108f76
```
#108f76 rgb(16,143,118)
```
#12a689
```
#12a689 rgb(18,166,137)
```
#14bd9c
```
#14bd9c rgb(20,189,156)
```
#17d4af
```
#17d4af rgb(23,212,175)
```
#1ee7bf
```
#1ee7bf rgb(30,231,191)
```

Monochromatic Color

Below, you can see some colors close to #12a689. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.

#12a664
```
#12a664 rgb(18,166,100)
```
#12a670
```
#12a670 rgb(18,166,112)
```
#12a67d
```
#12a67d rgb(18,166,125)
```
#12a689
```
#12a689 rgb(18,166,137)
```
#12a695
```
#12a695 rgb(18,166,149)
```
#12a6a2
```
#12a6a2 rgb(18,166,162)
```
#129ea6
```
#129ea6 rgb(18,158,166)
```

Similar Colors

Text with hexadecimal color #12a689

This text has a font color of #12a689.

<span style="color:#12a689;">Text here</span>

#12a689 background color

This paragraph has a background color of #12a689.

<p style="background-color:#12a689;">Content here</p>

#12a689 border color

This element has a border color of #12a689.

<div style="border:1px solid #12a689;">Content here</div>

CSS codes

.text {color:#12a689;}

.background {background-color:#12a689;}

.border {border:1px solid #12a689;}

A shade is achieved by adding black to any pure hue, while a tint is created by mixing white to any pure color. In this example, #010706 is the darkest color, while #f4fefc is the lightest one.

#010706
```
#010706 rgb(1,7,6)
```
#031814
```
#031814 rgb(3,24,20)
```
#052a23
```
#052a23 rgb(5,42,35)
```
#063c31
```
#063c31 rgb(6,60,49)
```
#084e40
```
#084e40 rgb(8,78,64)
```
#0a5f4f
```
#0a5f4f rgb(10,95,79)
```
#0c715d
```
#0c715d rgb(12,113,93)
```
#0e836c
```
#0e836c rgb(14,131,108)
```
#10947a
```
#10947a rgb(16,148,122)
```
#12a689
```
#12a689 rgb(18,166,137)
```
#14b898
```
#14b898 rgb(20,184,152)
```
#16c9a6
```
#16c9a6 rgb(22,201,166)
```
#18dbb5
```
#18dbb5 rgb(24,219,181)
```

Shade Color Variation

#20e7c0
```
#20e7c0 rgb(32,231,192)
```
#31e9c5
```
#31e9c5 rgb(49,233,197)
```
#43ebca
```
#43ebca rgb(67,235,202)
```
#55edcf
```
#55edcf rgb(85,237,207)
```
#66eed4
```
#66eed4 rgb(102,238,212)
```
#78f0d9
```
#78f0d9 rgb(120,240,217)
```
#8af2de
```
#8af2de rgb(138,242,222)
```
#9cf4e3
```
#9cf4e3 rgb(156,244,227)
```
#adf6e8
```
#adf6e8 rgb(173,246,232)
```
#bff8ed
```
#bff8ed rgb(191,248,237)
```
#d1faf2
```
#d1faf2 rgb(209,250,242)
```
#e2fcf7
```
#e2fcf7 rgb(226,252,247)
```
#f4fefc
```
#f4fefc rgb(244,254,252)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #595f5e is the less saturated color, while #04b492 is the most saturated one.

#595f5e
```
#595f5e rgb(89,95,94)
```
#526662
```
#526662 rgb(82,102,98)
```
#4b6d67
```
#4b6d67 rgb(75,109,103)
```
#44746b
```
#44746b rgb(68,116,107)
```
#3c7c6f
```
#3c7c6f rgb(60,124,111)
```
#358373
```
#358373 rgb(53,131,115)
```
#2e8a78
```
#2e8a78 rgb(46,138,120)
```
#27917c
```
#27917c rgb(39,145,124)
```
#209880
```
#209880 rgb(32,152,128)
```
#199f85
```
#199f85 rgb(25,159,133)
```
#12a689
```
#12a689 rgb(18,166,137)
```
#0bad8d
```
#0bad8d rgb(11,173,141)
```
#04b492
```
#04b492 rgb(4,180,146)
```

Tone Color Variation

Below, you can see how #12a689 is perceived by people affected by a color vision deficiency. This can be useful if you need to ensure your color combinations are accessible to color-blind users.

Monochromacy

#767676 Achromatopsia 0.005% of the population
#62807a Atypical Achromatopsia 0.001% of the population

Dichromacy

#9f9886 Protanopia 1% of men
#a79497 Deuteranopia 1% of men
#3fa5b1 Tritanopia 0.001% of the population

Trichromacy

#6c9d87 Protanomaly 1% of men, 0.01% of women
#719a91 Deuteranomaly 6% of men, 0.4% of women
#2fa5a2 Tritanomaly 0.01% of the population

#12a689 hex color

#12a689 Color Information

#12a689 Color Conversion

Color Schemes with #12a689

Alternatives to #12a689

#12a689 Preview

Shades and Tints of #12a689

Tones of #12a689

Color Blindness Simulator