#20afbf hex color

In a RGB color space, hex #20afbf is composed of 12.5% red, 68.6% green and 74.9% blue. Whereas in a CMYK color space, it is composed of 83.2% cyan, 8.4% magenta, 0% yellow and 25.1% black. It has a hue angle of 186 degrees, a saturation of 71.3% and a lightness of 43.7%. #20afbf color hex could be obtained by blending #40ffff with #005f7f. Closest websafe color is: #3399cc.

♥
- f
- t
- g
- R 13
- G 69
- B 75
RGB color chart
- C 83
- M 8
- Y 0
- K 25
CMYK color chart

● #20afbf color description : Strong cyan.

The hexadecimal color #20afbf has RGB values of R:32, G:175, B:191 and CMYK values of C:0.83, M:0.08, Y:0, K:0.25. Its decimal value is 2142143.

Hex triplet	20afbf	`#20afbf`
RGB Decimal	32, 175, 191	`rgb(32,175,191)`
RGB Percent	12.5, 68.6, 74.9	`rgb(12.5%,68.6%,74.9%)`
CMYK	83, 8, 0, 25
HSL	186°, 71.3, 43.7	`hsl(186,71.3%,43.7%)`
HSV (or HSB)	186°, 83.2, 74.9
Web Safe	3399cc	`#3399cc`

CIE-LAB	65.535, -29.694, -18.37
XYZ	25.327, 34.726, 54.655
xyY	0.221, 0.303, 34.726
CIE-LCH	65.535, 34.917, 211.743
CIE-LUV	65.535, -47.02, -24.077
Hunter-Lab	58.929, -26.409, -13.74
Binary	00100000, 10101111, 10111111

#20afbf
```
#20afbf rgb(32,175,191)
```
#bf3020
```
#bf3020 rgb(191,48,32)
```

Complementary Color

#20bf80
```
#20bf80 rgb(32,191,128)
```
#20afbf
```
#20afbf rgb(32,175,191)
```
#2060bf
```
#2060bf rgb(32,96,191)
```

Analogous Color

#bf8020
```
#bf8020 rgb(191,128,32)
```
#20afbf
```
#20afbf rgb(32,175,191)
```
#bf2060
```
#bf2060 rgb(191,32,96)
```

Split Complementary Color

#afbf20
```
#afbf20 rgb(175,191,32)
```
#20afbf
```
#20afbf rgb(32,175,191)
```
#bf20af
```
#bf20af rgb(191,32,175)
```

Triadic Color

#20bf30
```
#20bf30 rgb(32,191,48)
```
#20afbf
```
#20afbf rgb(32,175,191)
```
#bf20af
```
#bf20af rgb(191,32,175)
```
#bf3020
```
#bf3020 rgb(191,48,32)
```

Tetradic Color

#15737d
```
#15737d rgb(21,115,125)
```
#198793
```
#198793 rgb(25,135,147)
```
#1c9ba9
```
#1c9ba9 rgb(28,155,169)
```
#20afbf
```
#20afbf rgb(32,175,191)
```
#24c3d5
```
#24c3d5 rgb(36,195,213)
```
#35ccdd
```
#35ccdd rgb(53,204,221)
```
#4bd2e1
```
#4bd2e1 rgb(75,210,225)
```

Monochromatic Color

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

#20bfa7
```
#20bfa7 rgb(32,191,167)
```
#20bfb5
```
#20bfb5 rgb(32,191,181)
```
#20bcbf
```
#20bcbf rgb(32,188,191)
```
#20afbf
```
#20afbf rgb(32,175,191)
```
#20a2bf
```
#20a2bf rgb(32,162,191)
```
#2095bf
```
#2095bf rgb(32,149,191)
```
#2087bf
```
#2087bf rgb(32,135,191)
```

Similar Colors

Text with hexadecimal color #20afbf

This text has a font color of #20afbf.

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

#20afbf background color

This paragraph has a background color of #20afbf.

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

#20afbf border color

This element has a border color of #20afbf.

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

CSS codes

.text {color:#20afbf;}

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

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

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

#010606
```
#010606 rgb(1,6,6)
```
#041517
```
#041517 rgb(4,21,23)
```
#072428
```
#072428 rgb(7,36,40)
```
#093439
```
#093439 rgb(9,52,57)
```
#0c4349
```
#0c4349 rgb(12,67,73)
```
#0f535a
```
#0f535a rgb(15,83,90)
```
#12626b
```
#12626b rgb(18,98,107)
```
#15717c
```
#15717c rgb(21,113,124)
```
#18818d
```
#18818d rgb(24,129,141)
```
#1a909d
```
#1a909d rgb(26,144,157)
```
#1da0ae
```
#1da0ae rgb(29,160,174)
```
#20afbf
```
#20afbf rgb(32,175,191)
```
#23bed0
```
#23bed0 rgb(35,190,208)
```

Shade Color Variation

#2bcadb
```
#2bcadb rgb(43,202,219)
```
#3ccede
```
#3ccede rgb(60,206,222)
```
#4cd2e1
```
#4cd2e1 rgb(76,210,225)
```
#5dd6e4
```
#5dd6e4 rgb(93,214,228)
```
#6edbe7
```
#6edbe7 rgb(110,219,231)
```
#7fdfea
```
#7fdfea rgb(127,223,234)
```
#90e3ec
```
#90e3ec rgb(144,227,236)
```
#a0e7ef
```
#a0e7ef rgb(160,231,239)
```
#b1ebf2
```
#b1ebf2 rgb(177,235,242)
```
#c2f0f5
```
#c2f0f5 rgb(194,240,245)
```
#d3f4f8
```
#d3f4f8 rgb(211,244,248)
```
#e4f8fa
```
#e4f8fa rgb(228,248,250)
```
#f4fcfd
```
#f4fcfd rgb(244,252,253)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #6d7172 is the less saturated color, while #06c4d9 is the most saturated one.

#6d7172
```
#6d7172 rgb(109,113,114)
```
#65787a
```
#65787a rgb(101,120,122)
```
#5c7f83
```
#5c7f83 rgb(92,127,131)
```
#53868c
```
#53868c rgb(83,134,140)
```
#4b8d94
```
#4b8d94 rgb(75,141,148)
```
#42949d
```
#42949d rgb(66,148,157)
```
#3a9aa5
```
#3a9aa5 rgb(58,154,165)
```
#31a1ae
```
#31a1ae rgb(49,161,174)
```
#29a8b6
```
#29a8b6 rgb(41,168,182)
```
#20afbf
```
#20afbf rgb(32,175,191)
```
#17b6c8
```
#17b6c8 rgb(23,182,200)
```
#0fbdd0
```
#0fbdd0 rgb(15,189,208)
```
#06c4d9
```
#06c4d9 rgb(6,196,217)
```

Tone Color Variation

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

#868686 Achromatopsia 0.005% of the population
#728e91 Atypical Achromatopsia 0.001% of the population

Dichromacy

#a0a2b8 Protanopia 1% of men
#9fa1c9 Deuteranopia 1% of men
#29b3c0 Tritanopia 0.001% of the population

Trichromacy

#71a7ba Protanomaly 1% of men, 0.01% of women
#70a6c5 Deuteranomaly 6% of men, 0.4% of women
#25b1c0 Tritanomaly 0.01% of the population

#20afbf hex color

#20afbf Color Information

#20afbf Color Conversion

Color Schemes with #20afbf

Alternatives to #20afbf

#20afbf Preview

Shades and Tints of #20afbf

Tones of #20afbf

Color Blindness Simulator