#12afa5 hex color

In a RGB color space, hex #12afa5 is composed of 7.1% red, 68.6% green and 64.7% blue. Whereas in a CMYK color space, it is composed of 89.7% cyan, 0% magenta, 5.7% yellow and 31.4% black. It has a hue angle of 176.2 degrees, a saturation of 81.3% and a lightness of 37.8%. #12afa5 color hex could be obtained by blending #24ffff with #005f4b. Closest websafe color is: #009999.

♥
- f
- t
- g
- R 7
- G 69
- B 65
RGB color chart
- C 90
- M 0
- Y 6
- K 31
CMYK color chart

● #12afa5 color description : Dark cyan.

The hexadecimal color #12afa5 has RGB values of R:18, G:175, B:165 and CMYK values of C:0.9, M:0, Y:0.06, K:0.31. Its decimal value is 1224613.

Hex triplet	12afa5	`#12afa5`
RGB Decimal	18, 175, 165	`rgb(18,175,165)`
RGB Percent	7.1, 68.6, 64.7	`rgb(7.1%,68.6%,64.7%)`
CMYK	90, 0, 6, 31
HSL	176.2°, 81.3, 37.8	`hsl(176.2,81.3%,37.8%)`
HSV (or HSB)	176.2°, 89.7, 68.6
Web Safe	009999	`#009999`

CIE-LAB	64.566, -38.567, -5.379
XYZ	22.369, 33.503, 40.883
xyY	0.231, 0.346, 33.503
CIE-LCH	64.566, 38.94, 187.94
CIE-LUV	64.566, -50.082, -2.269
Hunter-Lab	57.882, -32.31, -1.361
Binary	00010010, 10101111, 10100101

#12afa5
```
#12afa5 rgb(18,175,165)
```
#af121c
```
#af121c rgb(175,18,28)
```

Complementary Color

#12af56
```
#12af56 rgb(18,175,86)
```
#12afa5
```
#12afa5 rgb(18,175,165)
```
#126baf
```
#126baf rgb(18,107,175)
```

Analogous Color

#af5712
```
#af5712 rgb(175,87,18)
```
#12afa5
```
#12afa5 rgb(18,175,165)
```
#af126b
```
#af126b rgb(175,18,107)
```

Split Complementary Color

#afa512
```
#afa512 rgb(175,165,18)
```
#12afa5
```
#12afa5 rgb(18,175,165)
```
#a512af
```
#a512af rgb(165,18,175)
```

Triadic Color

#1caf12
```
#1caf12 rgb(28,175,18)
```
#12afa5
```
#12afa5 rgb(18,175,165)
```
#a512af
```
#a512af rgb(165,18,175)
```
#af121c
```
#af121c rgb(175,18,28)
```

Tetradic Color

#0b6a64
```
#0b6a64 rgb(11,106,100)
```
#0d8179
```
#0d8179 rgb(13,129,121)
```
#10988f
```
#10988f rgb(16,152,143)
```
#12afa5
```
#12afa5 rgb(18,175,165)
```
#14c6bb
```
#14c6bb rgb(20,198,187)
```
#17ddd1
```
#17ddd1 rgb(23,221,209)
```
#25e9dc
```
#25e9dc rgb(37,233,220)
```

Monochromatic Color

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

#12af7e
```
#12af7e rgb(18,175,126)
```
#12af8b
```
#12af8b rgb(18,175,139)
```
#12af98
```
#12af98 rgb(18,175,152)
```
#12afa5
```
#12afa5 rgb(18,175,165)
```
#12acaf
```
#12acaf rgb(18,172,175)
```
#129faf
```
#129faf rgb(18,159,175)
```
#1292af
```
#1292af rgb(18,146,175)
```

Similar Colors

Text with hexadecimal color #12afa5

This text has a font color of #12afa5.

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

#12afa5 background color

This paragraph has a background color of #12afa5.

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

#12afa5 border color

This element has a border color of #12afa5.

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

CSS codes

.text {color:#12afa5;}

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

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

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, #020f0e is the darkest color, while #fcffff is the lightest one.

#020f0e
```
#020f0e rgb(2,15,14)
```
#03211f
```
#03211f rgb(3,33,31)
```
#053230
```
#053230 rgb(5,50,48)
```
#074440
```
#074440 rgb(7,68,64)
```
#095651
```
#095651 rgb(9,86,81)
```
#0b6862
```
#0b6862 rgb(11,104,98)
```
#0d7a73
```
#0d7a73 rgb(13,122,115)
```
#0e8b83
```
#0e8b83 rgb(14,139,131)
```
#109d94
```
#109d94 rgb(16,157,148)
```
#12afa5
```
#12afa5 rgb(18,175,165)
```
#14c1b6
```
#14c1b6 rgb(20,193,182)
```
#16d3c7
```
#16d3c7 rgb(22,211,199)
```
#17e4d7
```
#17e4d7 rgb(23,228,215)
```

Shade Color Variation

#27e9dc
```
#27e9dc rgb(39,233,220)
```
#38ebdf
```
#38ebdf rgb(56,235,223)
```
#4aece2
```
#4aece2 rgb(74,236,226)
```
#5ceee5
```
#5ceee5 rgb(92,238,229)
```
#6ef0e8
```
#6ef0e8 rgb(110,240,232)
```
#80f2eb
```
#80f2eb rgb(128,242,235)
```
#91f4ed
```
#91f4ed rgb(145,244,237)
```
#a3f6f0
```
#a3f6f0 rgb(163,246,240)
```
#b5f7f3
```
#b5f7f3 rgb(181,247,243)
```
#c7f9f6
```
#c7f9f6 rgb(199,249,246)
```
#d9fbf9
```
#d9fbf9 rgb(217,251,249)
```
#eafdfc
```
#eafdfc rgb(234,253,252)
```
#fcffff
```
#fcffff rgb(252,255,255)
```

Tint Color Variation

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

#5c6564
```
#5c6564 rgb(92,101,100)
```
#556c6b
```
#556c6b rgb(85,108,107)
```
#4d7471
```
#4d7471 rgb(77,116,113)
```
#467b78
```
#467b78 rgb(70,123,120)
```
#3f827e
```
#3f827e rgb(63,130,126)
```
#378a85
```
#378a85 rgb(55,138,133)
```
#30918b
```
#30918b rgb(48,145,139)
```
#289992
```
#289992 rgb(40,153,146)
```
#21a098
```
#21a098 rgb(33,160,152)
```
#19a89f
```
#19a89f rgb(25,168,159)
```
#12afa5
```
#12afa5 rgb(18,175,165)
```
#0bb6ab
```
#0bb6ab rgb(11,182,171)
```
#03beb2
```
#03beb2 rgb(3,190,178)
```

Tone Color Variation

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

#7f7f7f Achromatopsia 0.005% of the population
#698987 Atypical Achromatopsia 0.001% of the population

Dichromacy

#a4a09f Protanopia 1% of men
#a89db1 Deuteranopia 1% of men
#37b0bd Tritanopia 0.001% of the population

Trichromacy

#6fa6a1 Protanomaly 1% of men, 0.01% of women
#72a3ac Deuteranomaly 6% of men, 0.4% of women
#29afb4 Tritanomaly 0.01% of the population

#12afa5 hex color

#12afa5 Color Information

#12afa5 Color Conversion

Color Schemes with #12afa5

Alternatives to #12afa5

#12afa5 Preview

Shades and Tints of #12afa5

Tones of #12afa5

Color Blindness Simulator