#12af89 Color Information
In a RGB color space, hex #12af89 is composed of 7.1% red, 68.6% green and 53.7% blue. Whereas in a CMYK color space, it is composed of 89.7% cyan, 0% magenta, 21.7% yellow and 31.4% black. It has a hue angle of 165.5 degrees, a saturation of 81.3% and a lightness of 37.8%. #12af89 color hex could be obtained by blending #24ffff with #005f13. Closest websafe color is: #009999.
-
- R 7
- G 69
- B 54
-
- C 90
- M 0
- Y 22
- K 31
● #12af89 color description : Dark cyan.
#12af89 Color Conversion
The hexadecimal color #12af89 has RGB values of R:18, G:175, B:137 and CMYK values of C:0.9, M:0, Y:0.22, K:0.31. Its decimal value is 1224585.
Hex triplet | 12af89 | #12af89 |
---|---|---|
RGB Decimal | 18, 175, 137 | rgb(18,175,137) |
RGB Percent | 7.1, 68.6, 53.7 | rgb(7.1%,68.6%,53.7%) |
CMYK | 90, 0, 22, 31 | |
HSL | 165.5°, 81.3, 37.8 | hsl(165.5,81.3%,37.8%) |
HSV (or HSB) | 165.5°, 89.7, 68.6 | |
Web Safe | 009999 | #009999 |
CIE-LAB | 63.83, -46.238, 9.11 |
---|---|
XYZ | 20.093, 32.593, 28.898 |
xyY | 0.246, 0.4, 32.593 |
CIE-LCH | 63.83, 47.127, 168.855 |
CIE-LUV | 63.83, -52.205, 20 |
Hunter-Lab | 57.09, -37.084, 9.952 |
Binary | 00010010, 10101111, 10001001 |
Color Schemes with #12af89
Alternatives to #12af89
Below, you can see some colors close to #12af89. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#12af89 Preview
This text has a font color of #12af89.
<span style="color:#12af89;">Text here</span>
This paragraph has a background color of #12af89.
<p style="background-color:#12af89;">Content here</p>
This element has a border color of #12af89.
<div style="border:1px solid #12af89;">Content here</div>
.text {color:#12af89;}
.background {background-color:#12af89;}
.border {border:1px solid #12af89;}
Shades and Tints of #12af89
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, #020f0c is the darkest color, while #fcfffe is the lightest one.
-
#020f0c
#020f0c
rgb(2,15,12)
-
#03211a
#03211a
rgb(3,33,26)
-
#053228
#053228
rgb(5,50,40)
-
#074435
#074435
rgb(7,68,53)
-
#095643
#095643
rgb(9,86,67)
-
#0b6851
#0b6851
rgb(11,104,81)
-
#0d7a5f
#0d7a5f
rgb(13,122,95)
-
#0e8b6d
#0e8b6d
rgb(14,139,109)
-
#109d7b
#109d7b
rgb(16,157,123)
-
#12af89
#12af89
rgb(18,175,137)
-
#14c197
#14c197
rgb(20,193,151)
-
#16d3a5
#16d3a5
rgb(22,211,165)
-
#17e4b3
#17e4b3
rgb(23,228,179)
-
#27e9ba
#27e9ba
rgb(39,233,186)
-
#38ebbf
#38ebbf
rgb(56,235,191)
-
#4aecc5
#4aecc5
rgb(74,236,197)
-
#5ceecb
#5ceecb
rgb(92,238,203)
-
#6ef0d1
#6ef0d1
rgb(110,240,209)
-
#80f2d6
#80f2d6
rgb(128,242,214)
-
#91f4dc
#91f4dc
rgb(145,244,220)
-
#a3f6e2
#a3f6e2
rgb(163,246,226)
-
#b5f7e7
#b5f7e7
rgb(181,247,231)
-
#c7f9ed
#c7f9ed
rgb(199,249,237)
-
#d9fbf3
#d9fbf3
rgb(217,251,243)
-
#eafdf8
#eafdf8
rgb(234,253,248)
-
#fcfffe
#fcfffe
rgb(252,255,254)
Tones of #12af89
A tone is produced by adding gray to any pure hue. In this case, #5c6563 is the less saturated color, while #03be91 is the most saturated one.
-
#5c6563
#5c6563
rgb(92,101,99)
-
#556c67
#556c67
rgb(85,108,103)
-
#4d746a
#4d746a
rgb(77,116,106)
-
#467b6e
#467b6e
rgb(70,123,110)
-
#3f8272
#3f8272
rgb(63,130,114)
-
#378a76
#378a76
rgb(55,138,118)
-
#30917a
#30917a
rgb(48,145,122)
-
#28997e
#28997e
rgb(40,153,126)
-
#21a081
#21a081
rgb(33,160,129)
-
#19a885
#19a885
rgb(25,168,133)
-
#12af89
#12af89
rgb(18,175,137)
-
#0bb68d
#0bb68d
rgb(11,182,141)
-
#03be91
#03be91
rgb(3,190,145)
Color Blindness Simulator
Below, you can see how #12af89 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.