#12af88 Color Information
In a RGB color space, hex #12af88 is composed of 7.1% red, 68.6% green and 53.3% blue. Whereas in a CMYK color space, it is composed of 89.7% cyan, 0% magenta, 22.3% yellow and 31.4% black. It has a hue angle of 165.1 degrees, a saturation of 81.3% and a lightness of 37.8%. #12af88 color hex could be obtained by blending #24ffff with #005f11. Closest websafe color is: #009999.
-
- R 7
- G 69
- B 53
-
- C 90
- M 0
- Y 22
- K 31
● #12af88 color description : Dark cyan.
#12af88 Color Conversion
The hexadecimal color #12af88 has RGB values of R:18, G:175, B:136 and CMYK values of C:0.9, M:0, Y:0.22, K:0.31. Its decimal value is 1224584.
| Hex triplet | 12af88 | #12af88 |
|---|---|---|
| RGB Decimal | 18, 175, 136 | rgb(18,175,136) |
| RGB Percent | 7.1, 68.6, 53.3 | rgb(7.1%,68.6%,53.3%) |
| CMYK | 90, 0, 22, 31 | |
| HSL | 165.1°, 81.3, 37.8 | hsl(165.1,81.3%,37.8%) |
| HSV (or HSB) | 165.1°, 89.7, 68.6 | |
| Web Safe | 009999 | #009999 |
| CIE-LAB | 63.806, -46.491, 9.629 |
|---|---|
| XYZ | 20.022, 32.564, 28.521 |
| xyY | 0.247, 0.401, 32.564 |
| CIE-LCH | 63.806, 47.477, 168.298 |
| CIE-LUV | 63.806, -52.278, 20.753 |
| Hunter-Lab | 57.065, -37.236, 10.312 |
| Binary | 00010010, 10101111, 10001000 |
Color Schemes with #12af88
Alternatives to #12af88
Below, you can see some colors close to #12af88. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#12af88 Preview
This text has a font color of #12af88.
<span style="color:#12af88;">Text here</span>
This paragraph has a background color of #12af88.
<p style="background-color:#12af88;">Content here</p>
This element has a border color of #12af88.
<div style="border:1px solid #12af88;">Content here</div>
.text {color:#12af88;}
.background {background-color:#12af88;}
.border {border:1px solid #12af88;}
Shades and Tints of #12af88
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
#020f0crgb(2,15,12) -
#032119
#032119rgb(3,33,25) -
#053227
#053227rgb(5,50,39) -
#074435
#074435rgb(7,68,53) -
#095643
#095643rgb(9,86,67) -
#0b6851
#0b6851rgb(11,104,81) -
#0d7a5f
#0d7a5frgb(13,122,95) -
#0e8b6c
#0e8b6crgb(14,139,108) -
#109d7a
#109d7argb(16,157,122) -
#12af88
#12af88rgb(18,175,136) -
#14c196
#14c196rgb(20,193,150) -
#16d3a4
#16d3a4rgb(22,211,164) -
#17e4b1
#17e4b1rgb(23,228,177)
-
#27e9b9
#27e9b9rgb(39,233,185) -
#38ebbe
#38ebbergb(56,235,190) -
#4aecc4
#4aecc4rgb(74,236,196) -
#5ceeca
#5ceecargb(92,238,202) -
#6ef0d0
#6ef0d0rgb(110,240,208) -
#80f2d6
#80f2d6rgb(128,242,214) -
#91f4db
#91f4dbrgb(145,244,219) -
#a3f6e1
#a3f6e1rgb(163,246,225) -
#b5f7e7
#b5f7e7rgb(181,247,231) -
#c7f9ed
#c7f9edrgb(199,249,237) -
#d9fbf2
#d9fbf2rgb(217,251,242) -
#eafdf8
#eafdf8rgb(234,253,248) -
#fcfffe
#fcfffergb(252,255,254)
Tones of #12af88
A tone is produced by adding gray to any pure hue. In this case, #5c6563 is the less saturated color, while #03be8f is the most saturated one.
-
#5c6563
#5c6563rgb(92,101,99) -
#556c66
#556c66rgb(85,108,102) -
#4d746a
#4d746argb(77,116,106) -
#467b6e
#467b6ergb(70,123,110) -
#3f8272
#3f8272rgb(63,130,114) -
#378a75
#378a75rgb(55,138,117) -
#309179
#309179rgb(48,145,121) -
#28997d
#28997drgb(40,153,125) -
#21a081
#21a081rgb(33,160,129) -
#19a884
#19a884rgb(25,168,132) -
#12af88
#12af88rgb(18,175,136) -
#0bb68c
#0bb68crgb(11,182,140) -
#03be8f
#03be8frgb(3,190,143)
Color Blindness Simulator
Below, you can see how #12af88 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.
