#20cfaf hex color

In a RGB color space, hex #20cfaf is composed of 12.5% red, 81.2% green and 68.6% blue. Whereas in a CMYK color space, it is composed of 84.5% cyan, 0% magenta, 15.5% yellow and 18.8% black. It has a hue angle of 169 degrees, a saturation of 73.2% and a lightness of 46.9%. #20cfaf color hex could be obtained by blending #40ffff with #009f5f. Closest websafe color is: #33cc99.

♥
- f
- t
- g
- R 13
- G 81
- B 69
RGB color chart
- C 85
- M 0
- Y 15
- K 19
CMYK color chart

● #20cfaf color description : Strong cyan.

The hexadecimal color #20cfaf has RGB values of R:32, G:207, B:175 and CMYK values of C:0.85, M:0, Y:0.15, K:0.19. Its decimal value is 2150319.

Hex triplet	20cfaf	`#20cfaf`
RGB Decimal	32, 207, 175	`rgb(32,207,175)`
RGB Percent	12.5, 81.2, 68.6	`rgb(12.5%,81.2%,68.6%)`
CMYK	85, 0, 15, 19
HSL	169°, 73.2, 46.9	`hsl(169,73.2%,46.9%)`
HSV (or HSB)	169°, 84.5, 81.2
Web Safe	33cc99	`#33cc99`

CIE-LAB	74.841, -48.704, 4.185
XYZ	30.644, 48.025, 48.21
xyY	0.242, 0.379, 48.025
CIE-LCH	74.841, 48.884, 175.088
CIE-LUV	74.841, -59.333, 13.861
Hunter-Lab	69.3, -42.344, 7.264
Binary	00100000, 11001111, 10101111

#20cfaf
```
#20cfaf rgb(32,207,175)
```
#cf2040
```
#cf2040 rgb(207,32,64)
```

Complementary Color

#20cf58
```
#20cf58 rgb(32,207,88)
```
#20cfaf
```
#20cfaf rgb(32,207,175)
```
#2098cf
```
#2098cf rgb(32,152,207)
```

Analogous Color

#cf5820
```
#cf5820 rgb(207,88,32)
```
#20cfaf
```
#20cfaf rgb(32,207,175)
```
#cf2098
```
#cf2098 rgb(207,32,152)
```

Split Complementary Color

#cfaf20
```
#cfaf20 rgb(207,175,32)
```
#20cfaf
```
#20cfaf rgb(32,207,175)
```
#af20cf
```
#af20cf rgb(175,32,207)
```

Triadic Color

#40cf20
```
#40cf20 rgb(64,207,32)
```
#20cfaf
```
#20cfaf rgb(32,207,175)
```
#af20cf
```
#af20cf rgb(175,32,207)
```
#cf2040
```
#cf2040 rgb(207,32,64)
```

Tetradic Color

#168d77
```
#168d77 rgb(22,141,119)
```
#19a38a
```
#19a38a rgb(25,163,138)
```
#1db99c
```
#1db99c rgb(29,185,156)
```
#20cfaf
```
#20cfaf rgb(32,207,175)
```
#2adebd
```
#2adebd rgb(42,222,189)
```
#40e2c4
```
#40e2c4 rgb(64,226,196)
```
#57e5cb
```
#57e5cb rgb(87,229,203)
```

Monochromatic Color

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

#20cf83
```
#20cf83 rgb(32,207,131)
```
#20cf92
```
#20cf92 rgb(32,207,146)
```
#20cfa0
```
#20cfa0 rgb(32,207,160)
```
#20cfaf
```
#20cfaf rgb(32,207,175)
```
#20cfbe
```
#20cfbe rgb(32,207,190)
```
#20cfcc
```
#20cfcc rgb(32,207,204)
```
#20c3cf
```
#20c3cf rgb(32,195,207)
```

Similar Colors

Text with hexadecimal color #20cfaf

This text has a font color of #20cfaf.

<span style="color:#20cfaf;">Text here</span>

#20cfaf background color

This paragraph has a background color of #20cfaf.

<p style="background-color:#20cfaf;">Content here</p>

#20cfaf border color

This element has a border color of #20cfaf.

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

CSS codes

.text {color:#20cfaf;}

.background {background-color:#20cfaf;}

.border {border:1px solid #20cfaf;}

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

#000303
```
#000303 rgb(0,3,3)
```
#031411
```
#031411 rgb(3,20,17)
```
#06251f
```
#06251f rgb(6,37,31)
```
#08362e
```
#08362e rgb(8,54,46)
```
#0b473c
```
#0b473c rgb(11,71,60)
```
#0e584a
```
#0e584a rgb(14,88,74)
```
#106959
```
#106959 rgb(16,105,89)
```
#137a67
```
#137a67 rgb(19,122,103)
```
#158b76
```
#158b76 rgb(21,139,118)
```
#189c84
```
#189c84 rgb(24,156,132)
```
#1bad92
```
#1bad92 rgb(27,173,146)
```
#1dbea1
```
#1dbea1 rgb(29,190,161)
```
#20cfaf
```
#20cfaf rgb(32,207,175)
```

Shade Color Variation

#25ddbc
```
#25ddbc rgb(37,221,188)
```
#36e0c1
```
#36e0c1 rgb(54,224,193)
```
#47e3c6
```
#47e3c6 rgb(71,227,198)
```
#58e5cb
```
#58e5cb rgb(88,229,203)
```
#69e8d1
```
#69e8d1 rgb(105,232,209)
```
#7aead6
```
#7aead6 rgb(122,234,214)
```
#8beddb
```
#8beddb rgb(139,237,219)
```
#9cf0e0
```
#9cf0e0 rgb(156,240,224)
```
#adf2e6
```
#adf2e6 rgb(173,242,230)
```
#bef5eb
```
#bef5eb rgb(190,245,235)
```
#cff8f0
```
#cff8f0 rgb(207,248,240)
```
#e0faf5
```
#e0faf5 rgb(224,250,245)
```
#f1fdfb
```
#f1fdfb rgb(241,253,251)
```

Tint Color Variation

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

#737c7b
```
#737c7b rgb(115,124,123)
```
#6a8580
```
#6a8580 rgb(106,133,128)
```
#608f86
```
#608f86 rgb(96,143,134)
```
#57988c
```
#57988c rgb(87,152,140)
```
#4ea192
```
#4ea192 rgb(78,161,146)
```
#45aa98
```
#45aa98 rgb(69,170,152)
```
#3cb39e
```
#3cb39e rgb(60,179,158)
```
#32bda3
```
#32bda3 rgb(50,189,163)
```
#29c6a9
```
#29c6a9 rgb(41,198,169)
```
#20cfaf
```
#20cfaf rgb(32,207,175)
```
#17d8b5
```
#17d8b5 rgb(23,216,181)
```
#0ee1bb
```
#0ee1bb rgb(14,225,187)
```
#04ebc0
```
#04ebc0 rgb(4,235,192)
```

Tone Color Variation

Below, you can see how #20cfaf 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

#979797 Achromatopsia 0.005% of the population
#7fa29c Atypical Achromatopsia 0.001% of the population

Dichromacy

#c3bba8 Protanopia 1% of men
#ccb6bc Deuteranopia 1% of men
#4fcbda Tritanopia 0.001% of the population

Trichromacy

#88c2aa Protanomaly 1% of men, 0.01% of women
#8dbfb7 Deuteranomaly 6% of men, 0.4% of women
#3eccca Tritanomaly 0.01% of the population

#20cfaf hex color

#20cfaf Color Information

#20cfaf Color Conversion

Color Schemes with #20cfaf

Alternatives to #20cfaf

#20cfaf Preview

Shades and Tints of #20cfaf

Tones of #20cfaf

Color Blindness Simulator