#20cbd5 hex color

In a RGB color space, hex #20cbd5 is composed of 12.5% red, 79.6% green and 83.5% blue. Whereas in a CMYK color space, it is composed of 85% cyan, 4.7% magenta, 0% yellow and 16.5% black. It has a hue angle of 183.3 degrees, a saturation of 73.9% and a lightness of 48%. #20cbd5 color hex could be obtained by blending #40ffff with #0097ab. Closest websafe color is: #33cccc.

♥
- f
- t
- g
- R 13
- G 80
- B 84
RGB color chart
- C 85
- M 5
- Y 0
- K 16
CMYK color chart

● #20cbd5 color description : Strong cyan.

The hexadecimal color #20cbd5 has RGB values of R:32, G:203, B:213 and CMYK values of C:0.85, M:0.05, Y:0, K:0.16. Its decimal value is 2149333.

Hex triplet	20cbd5	`#20cbd5`
RGB Decimal	32, 203, 213	`rgb(32,203,213)`
RGB Percent	12.5, 79.6, 83.5	`rgb(12.5%,79.6%,83.5%)`
CMYK	85, 5, 0, 16
HSL	183.3°, 73.9, 48	`hsl(183.3,73.9%,48%)`
HSV (or HSB)	183.3°, 85, 83.5
Web Safe	33cccc	`#33cccc`

CIE-LAB	74.711, -36.205, -16.534
XYZ	33.958, 47.82, 70.387
xyY	0.223, 0.314, 47.82
CIE-LCH	74.711, 39.802, 204.544
CIE-LUV	74.711, -55.072, -20.544
Hunter-Lab	69.152, -33.36, -11.943
Binary	00100000, 11001011, 11010101

#20cbd5
```
#20cbd5 rgb(32,203,213)
```
#d52a20
```
#d52a20 rgb(213,42,32)
```

Complementary Color

#20d585
```
#20d585 rgb(32,213,133)
```
#20cbd5
```
#20cbd5 rgb(32,203,213)
```
#2071d5
```
#2071d5 rgb(32,113,213)
```

Analogous Color

#d58520
```
#d58520 rgb(213,133,32)
```
#20cbd5
```
#20cbd5 rgb(32,203,213)
```
#d52071
```
#d52071 rgb(213,32,113)
```

Split Complementary Color

#cbd520
```
#cbd520 rgb(203,213,32)
```
#20cbd5
```
#20cbd5 rgb(32,203,213)
```
#d520cb
```
#d520cb rgb(213,32,203)
```

Triadic Color

#20d52a
```
#20d52a rgb(32,213,42)
```
#20cbd5
```
#20cbd5 rgb(32,203,213)
```
#d520cb
```
#d520cb rgb(213,32,203)
```
#d52a20
```
#d52a20 rgb(213,42,32)
```

Tetradic Color

#168c92
```
#168c92 rgb(22,140,146)
```
#19a1a9
```
#19a1a9 rgb(25,161,169)
```
#1db6bf
```
#1db6bf rgb(29,182,191)
```
#20cbd5
```
#20cbd5 rgb(32,203,213)
```
#2fd6e0
```
#2fd6e0 rgb(47,214,224)
```
#45dae3
```
#45dae3 rgb(69,218,227)
```
#5bdfe6
```
#5bdfe6 rgb(91,223,230)
```

Monochromatic Color

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

#20d5b2
```
#20d5b2 rgb(32,213,178)
```
#20d5c1
```
#20d5c1 rgb(32,213,193)
```
#20d5d0
```
#20d5d0 rgb(32,213,208)
```
#20cbd5
```
#20cbd5 rgb(32,203,213)
```
#20bcd5
```
#20bcd5 rgb(32,188,213)
```
#20add5
```
#20add5 rgb(32,173,213)
```
#209ed5
```
#209ed5 rgb(32,158,213)
```

Similar Colors

Text with hexadecimal color #20cbd5

This text has a font color of #20cbd5.

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

#20cbd5 background color

This paragraph has a background color of #20cbd5.

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

#20cbd5 border color

This element has a border color of #20cbd5.

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

CSS codes

.text {color:#20cbd5;}

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

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

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

#010808
```
#010808 rgb(1,8,8)
```
#041819
```
#041819 rgb(4,24,25)
```
#06282a
```
#06282a rgb(6,40,42)
```
#09393c
```
#09393c rgb(9,57,60)
```
#0c494d
```
#0c494d rgb(12,73,77)
```
#0e595e
```
#0e595e rgb(14,89,94)
```
#11696f
```
#11696f rgb(17,105,111)
```
#137a80
```
#137a80 rgb(19,122,128)
```
#168a91
```
#168a91 rgb(22,138,145)
```
#189aa2
```
#189aa2 rgb(24,154,162)
```
#1baab3
```
#1baab3 rgb(27,170,179)
```
#1dbbc4
```
#1dbbc4 rgb(29,187,196)
```
#20cbd5
```
#20cbd5 rgb(32,203,213)
```

Shade Color Variation

#2ad5df
```
#2ad5df rgb(42,213,223)
```
#3bd8e2
```
#3bd8e2 rgb(59,216,226)
```
#4cdce4
```
#4cdce4 rgb(76,220,228)
```
#5ddfe7
```
#5ddfe7 rgb(93,223,231)
```
#6ee2e9
```
#6ee2e9 rgb(110,226,233)
```
#7fe6ec
```
#7fe6ec rgb(127,230,236)
```
#90e9ee
```
#90e9ee rgb(144,233,238)
```
#a1ecf1
```
#a1ecf1 rgb(161,236,241)
```
#b2f0f3
```
#b2f0f3 rgb(178,240,243)
```
#c3f3f6
```
#c3f3f6 rgb(195,243,246)
```
#d4f7f9
```
#d4f7f9 rgb(212,247,249)
```
#e5fafb
```
#e5fafb rgb(229,250,251)
```
#f6fdfe
```
#f6fdfe rgb(246,253,254)
```

Tint Color Variation

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

#758080
```
#758080 rgb(117,128,128)
```
#6b888a
```
#6b888a rgb(107,136,138)
```
#629093
```
#629093 rgb(98,144,147)
```
#59999c
```
#59999c rgb(89,153,156)
```
#4fa1a6
```
#4fa1a6 rgb(79,161,166)
```
#46a9af
```
#46a9af rgb(70,169,175)
```
#3cb2b9
```
#3cb2b9 rgb(60,178,185)
```
#33bac2
```
#33bac2 rgb(51,186,194)
```
#29c3cc
```
#29c3cc rgb(41,195,204)
```
#20cbd5
```
#20cbd5 rgb(32,203,213)
```
#17d3de
```
#17d3de rgb(23,211,222)
```
#0ddce8
```
#0ddce8 rgb(13,220,232)
```
#04e4f1
```
#04e4f1 rgb(4,228,241)
```

Tone Color Variation

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

#999999 Achromatopsia 0.005% of the population
#81a3a5 Atypical Achromatopsia 0.001% of the population

Dichromacy

#b9bacb Protanopia 1% of men
#bab7df Deuteranopia 1% of men
#32ccdb Tritanopia 0.001% of the population

Trichromacy

#81c0cf Protanomaly 1% of men, 0.01% of women
#82bedb Deuteranomaly 6% of men, 0.4% of women
#2bccd9 Tritanomaly 0.01% of the population

#20cbd5 hex color

#20cbd5 Color Information

#20cbd5 Color Conversion

Color Schemes with #20cbd5

Alternatives to #20cbd5

#20cbd5 Preview

Shades and Tints of #20cbd5

Tones of #20cbd5

Color Blindness Simulator