#20afcb hex color

In a RGB color space, hex #20afcb is composed of 12.5% red, 68.6% green and 79.6% blue. Whereas in a CMYK color space, it is composed of 84.2% cyan, 13.8% magenta, 0% yellow and 20.4% black. It has a hue angle of 189.8 degrees, a saturation of 72.8% and a lightness of 46.1%. #20afcb color hex could be obtained by blending #40ffff with #005f97. Closest websafe color is: #3399cc.

♥
- f
- t
- g
- R 13
- G 69
- B 80
RGB color chart
- C 84
- M 14
- Y 0
- K 20
CMYK color chart

● #20afcb color description : Strong cyan.

The hexadecimal color #20afcb has RGB values of R:32, G:175, B:203 and CMYK values of C:0.84, M:0.14, Y:0, K:0.2. Its decimal value is 2142155.

Hex triplet	20afcb	`#20afcb`
RGB Decimal	32, 175, 203	`rgb(32,175,203)`
RGB Percent	12.5, 68.6, 79.6	`rgb(12.5%,68.6%,79.6%)`
CMYK	84, 14, 0, 20
HSL	189.8°, 72.8, 46.1	`hsl(189.8,72.8%,46.1%)`
HSV (or HSB)	189.8°, 84.2, 79.6
Web Safe	3399cc	`#3399cc`

CIE-LAB	65.963, -25.819, -24.364
XYZ	26.702, 35.276, 61.898
xyY	0.216, 0.285, 35.276
CIE-LCH	65.963, 35.5, 223.339
CIE-LUV	65.963, -46.138, -34.466
Hunter-Lab	59.394, -23.69, -20.214
Binary	00100000, 10101111, 11001011

#20afcb
```
#20afcb rgb(32,175,203)
```
#cb3c20
```
#cb3c20 rgb(203,60,32)
```

Complementary Color

#20cb92
```
#20cb92 rgb(32,203,146)
```
#20afcb
```
#20afcb rgb(32,175,203)
```
#205acb
```
#205acb rgb(32,90,203)
```

Analogous Color

#cb9220
```
#cb9220 rgb(203,146,32)
```
#20afcb
```
#20afcb rgb(32,175,203)
```
#cb205a
```
#cb205a rgb(203,32,90)
```

Split Complementary Color

#afcb20
```
#afcb20 rgb(175,203,32)
```
#20afcb
```
#20afcb rgb(32,175,203)
```
#cb20af
```
#cb20af rgb(203,32,175)
```

Triadic Color

#20cb3c
```
#20cb3c rgb(32,203,60)
```
#20afcb
```
#20afcb rgb(32,175,203)
```
#cb20af
```
#cb20af rgb(203,32,175)
```
#cb3c20
```
#cb3c20 rgb(203,60,32)
```

Tetradic Color

#167689
```
#167689 rgb(22,118,137)
```
#19899f
```
#19899f rgb(25,137,159)
```
#1d9cb5
```
#1d9cb5 rgb(29,156,181)
```
#20afcb
```
#20afcb rgb(32,175,203)
```
#27bfdd
```
#27bfdd rgb(39,191,221)
```
#3ec6e0
```
#3ec6e0 rgb(62,198,224)
```
#54cce4
```
#54cce4 rgb(84,204,228)
```

Monochromatic Color

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

#20cbbc
```
#20cbbc rgb(32,203,188)
```
#20cbcb
```
#20cbcb rgb(32,203,203)
```
#20bdcb
```
#20bdcb rgb(32,189,203)
```
#20afcb
```
#20afcb rgb(32,175,203)
```
#20a1cb
```
#20a1cb rgb(32,161,203)
```
#2093cb
```
#2093cb rgb(32,147,203)
```
#2084cb
```
#2084cb rgb(32,132,203)
```

Similar Colors

Text with hexadecimal color #20afcb

This text has a font color of #20afcb.

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

#20afcb background color

This paragraph has a background color of #20afcb.

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

#20afcb border color

This element has a border color of #20afcb.

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

CSS codes

.text {color:#20afcb;}

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

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

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, #030e11 is the darkest color, while #ffffff is the lightest one.

#030e11
```
#030e11 rgb(3,14,17)
```
#051d22
```
#051d22 rgb(5,29,34)
```
#082c33
```
#082c33 rgb(8,44,51)
```
#0b3a43
```
#0b3a43 rgb(11,58,67)
```
#0d4954
```
#0d4954 rgb(13,73,84)
```
#105765
```
#105765 rgb(16,87,101)
```
#136676
```
#136676 rgb(19,102,118)
```
#157587
```
#157587 rgb(21,117,135)
```
#188398
```
#188398 rgb(24,131,152)
```
#1b92a9
```
#1b92a9 rgb(27,146,169)
```
#1da0ba
```
#1da0ba rgb(29,160,186)
```
#20afcb
```
#20afcb rgb(32,175,203)
```
#23bedc
```
#23bedc rgb(35,190,220)
```

Shade Color Variation

#33c3df
```
#33c3df rgb(51,195,223)
```
#44c8e2
```
#44c8e2 rgb(68,200,226)
```
#55cde4
```
#55cde4 rgb(85,205,228)
```
#66d2e7
```
#66d2e7 rgb(102,210,231)
```
#77d7ea
```
#77d7ea rgb(119,215,234)
```
#88dcec
```
#88dcec rgb(136,220,236)
```
#99e1ef
```
#99e1ef rgb(153,225,239)
```
#aae6f2
```
#aae6f2 rgb(170,230,242)
```
#bbebf4
```
#bbebf4 rgb(187,235,244)
```
#ccf0f7
```
#ccf0f7 rgb(204,240,247)
```
#ddf5fa
```
#ddf5fa rgb(221,245,250)
```
#eefafc
```
#eefafc rgb(238,250,252)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #71787a is the less saturated color, while #05c1e6 is the most saturated one.

#71787a
```
#71787a rgb(113,120,122)
```
#687e83
```
#687e83 rgb(104,126,131)
```
#5f848c
```
#5f848c rgb(95,132,140)
```
#568b95
```
#568b95 rgb(86,139,149)
```
#4d919e
```
#4d919e rgb(77,145,158)
```
#4497a7
```
#4497a7 rgb(68,151,167)
```
#3b9db0
```
#3b9db0 rgb(59,157,176)
```
#32a3b9
```
#32a3b9 rgb(50,163,185)
```
#29a9c2
```
#29a9c2 rgb(41,169,194)
```
#20afcb
```
#20afcb rgb(32,175,203)
```
#17b5d4
```
#17b5d4 rgb(23,181,212)
```
#0ebbdd
```
#0ebbdd rgb(14,187,221)
```
#05c1e6
```
#05c1e6 rgb(5,193,230)
```

Tone Color Variation

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

#878787 Achromatopsia 0.005% of the population
#728f95 Atypical Achromatopsia 0.001% of the population

Dichromacy

#9da3c3 Protanopia 1% of men
#99a2d4 Deuteranopia 1% of men
#0fb5c2 Tritanopia 0.001% of the population

Trichromacy

#70a7c6 Protanomaly 1% of men, 0.01% of women
#6da7d0 Deuteranomaly 6% of men, 0.4% of women
#15b2c5 Tritanomaly 0.01% of the population

#20afcb hex color

#20afcb Color Information

#20afcb Color Conversion

Color Schemes with #20afcb

Alternatives to #20afcb

#20afcb Preview

Shades and Tints of #20afcb

Tones of #20afcb

Color Blindness Simulator