#12a889 hex color

In a RGB color space, hex #12a889 is composed of 7.1% red, 65.9% green and 53.7% blue. Whereas in a CMYK color space, it is composed of 89.3% cyan, 0% magenta, 18.5% yellow and 34.1% black. It has a hue angle of 167.6 degrees, a saturation of 80.6% and a lightness of 36.5%. #12a889 color hex could be obtained by blending #24ffff with #005113. Closest websafe color is: #009999.

♥
- f
- t
- g
- R 7
- G 66
- B 54
RGB color chart
- C 89
- M 0
- Y 18
- K 34
CMYK color chart

● #12a889 color description : Dark cyan.

The hexadecimal color #12a889 has RGB values of R:18, G:168, B:137 and CMYK values of C:0.89, M:0, Y:0.18, K:0.34. Its decimal value is 1222793.

Hex triplet	12a889	`#12a889`
RGB Decimal	18, 168, 137	`rgb(18,168,137)`
RGB Percent	7.1, 65.9, 53.7	`rgb(7.1%,65.9%,53.7%)`
CMYK	89, 0, 18, 34
HSL	167.6°, 80.6, 36.5	`hsl(167.6,80.6%,36.5%)`
HSV (or HSB)	167.6°, 89.3, 65.9
Web Safe	009999	`#009999`

CIE-LAB	61.601, -43.339, 5.926
XYZ	18.766, 29.938, 28.455
xyY	0.243, 0.388, 29.938
CIE-LCH	61.601, 43.742, 172.214
CIE-LUV	61.601, -49.772, 14.994
Hunter-Lab	54.716, -34.533, 7.467
Binary	00010010, 10101000, 10001001

#12a889
```
#12a889 rgb(18,168,137)
```
#a81231
```
#a81231 rgb(168,18,49)
```

Complementary Color

#12a83e
```
#12a83e rgb(18,168,62)
```
#12a889
```
#12a889 rgb(18,168,137)
```
#127ca8
```
#127ca8 rgb(18,124,168)
```

Analogous Color

#a83e12
```
#a83e12 rgb(168,62,18)
```
#12a889
```
#12a889 rgb(18,168,137)
```
#a8127c
```
#a8127c rgb(168,18,124)
```

Split Complementary Color

#a88912
```
#a88912 rgb(168,137,18)
```
#12a889
```
#12a889 rgb(18,168,137)
```
#8912a8
```
#8912a8 rgb(137,18,168)
```

Triadic Color

#31a812
```
#31a812 rgb(49,168,18)
```
#12a889
```
#12a889 rgb(18,168,137)
```
#8912a8
```
#8912a8 rgb(137,18,168)
```
#a81231
```
#a81231 rgb(168,18,49)
```

Tetradic Color

#0b6351
```
#0b6351 rgb(11,99,81)
```
#0d7a63
```
#0d7a63 rgb(13,122,99)
```
#109176
```
#109176 rgb(16,145,118)
```
#12a889
```
#12a889 rgb(18,168,137)
```
#14bf9c
```
#14bf9c rgb(20,191,156)
```
#17d6af
```
#17d6af rgb(23,214,175)
```
#1fe7be
```
#1fe7be rgb(31,231,190)
```

Monochromatic Color

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

#12a864
```
#12a864 rgb(18,168,100)
```
#12a870
```
#12a870 rgb(18,168,112)
```
#12a87d
```
#12a87d rgb(18,168,125)
```
#12a889
```
#12a889 rgb(18,168,137)
```
#12a896
```
#12a896 rgb(18,168,150)
```
#12a8a2
```
#12a8a2 rgb(18,168,162)
```
#12a2a8
```
#12a2a8 rgb(18,162,168)
```

Similar Colors

Text with hexadecimal color #12a889

This text has a font color of #12a889.

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

#12a889 background color

This paragraph has a background color of #12a889.

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

#12a889 border color

This element has a border color of #12a889.

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

CSS codes

.text {color:#12a889;}

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

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

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, #010907 is the darkest color, while #f6fefc is the lightest one.

#010907
```
#010907 rgb(1,9,7)
```
#031a15
```
#031a15 rgb(3,26,21)
```
#052c24
```
#052c24 rgb(5,44,36)
```
#073e32
```
#073e32 rgb(7,62,50)
```
#094f41
```
#094f41 rgb(9,79,65)
```
#0a614f
```
#0a614f rgb(10,97,79)
```
#0c735e
```
#0c735e rgb(12,115,94)
```
#0e856c
```
#0e856c rgb(14,133,108)
```
#10967b
```
#10967b rgb(16,150,123)
```
#12a889
```
#12a889 rgb(18,168,137)
```
#14ba97
```
#14ba97 rgb(20,186,151)
```
#16cba6
```
#16cba6 rgb(22,203,166)
```
#18ddb4
```
#18ddb4 rgb(24,221,180)
```

Shade Color Variation

#21e7be
```
#21e7be rgb(33,231,190)
```
#33e9c3
```
#33e9c3 rgb(51,233,195)
```
#45ebc9
```
#45ebc9 rgb(69,235,201)
```
#56edce
```
#56edce rgb(86,237,206)
```
#68efd3
```
#68efd3 rgb(104,239,211)
```
#7af1d8
```
#7af1d8 rgb(122,241,216)
```
#8cf3dd
```
#8cf3dd rgb(140,243,221)
```
#9df5e2
```
#9df5e2 rgb(157,245,226)
```
#aff6e8
```
#aff6e8 rgb(175,246,232)
```
#c1f8ed
```
#c1f8ed rgb(193,248,237)
```
#d2faf2
```
#d2faf2 rgb(210,250,242)
```
#e4fcf7
```
#e4fcf7 rgb(228,252,247)
```
#f6fefc
```
#f6fefc rgb(246,254,252)
```

Tint Color Variation

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

#5a605f
```
#5a605f rgb(90,96,95)
```
#526863
```
#526863 rgb(82,104,99)
```
#4b6f67
```
#4b6f67 rgb(75,111,103)
```
#44766c
```
#44766c rgb(68,118,108)
```
#3d7d70
```
#3d7d70 rgb(61,125,112)
```
#368474
```
#368474 rgb(54,132,116)
```
#2f8b78
```
#2f8b78 rgb(47,139,120)
```
#27937c
```
#27937c rgb(39,147,124)
```
#209a81
```
#209a81 rgb(32,154,129)
```
#19a185
```
#19a185 rgb(25,161,133)
```
#12a889
```
#12a889 rgb(18,168,137)
```
#0baf8d
```
#0baf8d rgb(11,175,141)
```
#04b691
```
#04b691 rgb(4,182,145)
```

Tone Color Variation

Below, you can see how #12a889 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

#787878 Achromatopsia 0.005% of the population
#64827b Atypical Achromatopsia 0.001% of the population

Dichromacy

#a19986 Protanopia 1% of men
#a99597 Deuteranopia 1% of men
#41a7b3 Tritanopia 0.001% of the population

Trichromacy

#6d9e87 Protanomaly 1% of men, 0.01% of women
#729c92 Deuteranomaly 6% of men, 0.4% of women
#30a7a4 Tritanomaly 0.01% of the population

#12a889 hex color

#12a889 Color Information

#12a889 Color Conversion

Color Schemes with #12a889

Alternatives to #12a889

#12a889 Preview

Shades and Tints of #12a889

Tones of #12a889

Color Blindness Simulator