#20dcbc hex color

In a RGB color space, hex #20dcbc is composed of 12.5% red, 86.3% green and 73.7% blue. Whereas in a CMYK color space, it is composed of 85.5% cyan, 0% magenta, 14.5% yellow and 13.7% black. It has a hue angle of 169.8 degrees, a saturation of 74.6% and a lightness of 49.4%. #20dcbc color hex could be obtained by blending #40ffff with #00b979. Closest websafe color is: #33cccc.

♥
- f
- t
- g
- R 13
- G 86
- B 74
RGB color chart
- C 85
- M 0
- Y 15
- K 14
CMYK color chart

● #20dcbc color description : Vivid cyan.

The hexadecimal color #20dcbc has RGB values of R:32, G:220, B:188 and CMYK values of C:0.85, M:0, Y:0.15, K:0.14. Its decimal value is 2153660.

Hex triplet	20dcbc	`#20dcbc`
RGB Decimal	32, 220, 188	`rgb(32,220,188)`
RGB Percent	12.5, 86.3, 73.7	`rgb(12.5%,86.3%,73.7%)`
CMYK	85, 0, 15, 14
HSL	169.8°, 74.6, 49.4	`hsl(169.8,74.6%,49.4%)`
HSV (or HSB)	169.8°, 85.5, 86.3
Web Safe	33cccc	`#33cccc`

CIE-LAB	79.111, -50.683, 3.405
XYZ	35.263, 55.121, 56.355
xyY	0.24, 0.376, 55.121
CIE-LCH	79.111, 50.798, 176.156
CIE-LUV	79.111, -62.785, 13.132
Hunter-Lab	74.243, -45.145, 6.966
Binary	00100000, 11011100, 10111100

#20dcbc
```
#20dcbc rgb(32,220,188)
```
#dc2040
```
#dc2040 rgb(220,32,64)
```

Complementary Color

#20dc5e
```
#20dc5e rgb(32,220,94)
```
#20dcbc
```
#20dcbc rgb(32,220,188)
```
#209edc
```
#209edc rgb(32,158,220)
```

Analogous Color

#dc5e20
```
#dc5e20 rgb(220,94,32)
```
#20dcbc
```
#20dcbc rgb(32,220,188)
```
#dc209e
```
#dc209e rgb(220,32,158)
```

Split Complementary Color

#dcbc20
```
#dcbc20 rgb(220,188,32)
```
#20dcbc
```
#20dcbc rgb(32,220,188)
```
#bc20dc
```
#bc20dc rgb(188,32,220)
```

Triadic Color

#40dc20
```
#40dc20 rgb(64,220,32)
```
#20dcbc
```
#20dcbc rgb(32,220,188)
```
#bc20dc
```
#bc20dc rgb(188,32,220)
```
#dc2040
```
#dc2040 rgb(220,32,64)
```

Tetradic Color

#169983
```
#169983 rgb(22,153,131)
```
#1aaf96
```
#1aaf96 rgb(26,175,150)
```
#1dc6a9
```
#1dc6a9 rgb(29,198,169)
```
#20dcbc
```
#20dcbc rgb(32,220,188)
```
#34e1c4
```
#34e1c4 rgb(52,225,196)
```
#4ae5ca
```
#4ae5ca rgb(74,229,202)
```
#61e8d1
```
#61e8d1 rgb(97,232,209)
```

Monochromatic Color

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

#20dc8d
```
#20dc8d rgb(32,220,141)
```
#20dc9d
```
#20dc9d rgb(32,220,157)
```
#20dcac
```
#20dcac rgb(32,220,172)
```
#20dcbc
```
#20dcbc rgb(32,220,188)
```
#20dccc
```
#20dccc rgb(32,220,204)
```
#20dcdb
```
#20dcdb rgb(32,220,219)
```
#20cddc
```
#20cddc rgb(32,205,220)
```

Similar Colors

Text with hexadecimal color #20dcbc

This text has a font color of #20dcbc.

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

#20dcbc background color

This paragraph has a background color of #20dcbc.

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

#20dcbc border color

This element has a border color of #20dcbc.

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

CSS codes

.text {color:#20dcbc;}

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

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

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

#020f0c
```
#020f0c rgb(2,15,12)
```
#05201b
```
#05201b rgb(5,32,27)
```
#07312a
```
#07312a rgb(7,49,42)
```
#0a4238
```
#0a4238 rgb(10,66,56)
```
#0c5347
```
#0c5347 rgb(12,83,71)
```
#0f6456
```
#0f6456 rgb(15,100,86)
```
#117564
```
#117564 rgb(17,117,100)
```
#148673
```
#148673 rgb(20,134,115)
```
#169881
```
#169881 rgb(22,152,129)
```
#19a990
```
#19a990 rgb(25,169,144)
```
#1bba9f
```
#1bba9f rgb(27,186,159)
```
#1ecbad
```
#1ecbad rgb(30,203,173)
```
#20dcbc
```
#20dcbc rgb(32,220,188)
```

Shade Color Variation

#2fe1c2
```
#2fe1c2 rgb(47,225,194)
```
#40e3c7
```
#40e3c7 rgb(64,227,199)
```
#51e6cc
```
#51e6cc rgb(81,230,204)
```
#62e8d1
```
#62e8d1 rgb(98,232,209)
```
#73ebd6
```
#73ebd6 rgb(115,235,214)
```
#85eddb
```
#85eddb rgb(133,237,219)
```
#96f0e0
```
#96f0e0 rgb(150,240,224)
```
#a7f2e5
```
#a7f2e5 rgb(167,242,229)
```
#b8f5ea
```
#b8f5ea rgb(184,245,234)
```
#c9f7ef
```
#c9f7ef rgb(201,247,239)
```
#dafaf4
```
#dafaf4 rgb(218,250,244)
```
#ebfcf9
```
#ebfcf9 rgb(235,252,249)
```
#fcfffe
```
#fcfffe rgb(252,255,254)
```

Tint Color Variation

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

#778582
```
#778582 rgb(119,133,130)
```
#6e8e89
```
#6e8e89 rgb(110,142,137)
```
#64988f
```
#64988f rgb(100,152,143)
```
#5aa296
```
#5aa296 rgb(90,162,150)
```
#50ac9c
```
#50ac9c rgb(80,172,156)
```
#47b5a2
```
#47b5a2 rgb(71,181,162)
```
#3dbfa9
```
#3dbfa9 rgb(61,191,169)
```
#33c9af
```
#33c9af rgb(51,201,175)
```
#2ad2b6
```
#2ad2b6 rgb(42,210,182)
```
#20dcbc
```
#20dcbc rgb(32,220,188)
```
#16e6c2
```
#16e6c2 rgb(22,230,194)
```
#0defc9
```
#0defc9 rgb(13,239,201)
```
#03f9cf
```
#03f9cf rgb(3,249,207)
```

Tone Color Variation

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

#a0a0a0 Achromatopsia 0.005% of the population
#86aca6 Atypical Achromatopsia 0.001% of the population

Dichromacy

#cec6b3 Protanopia 1% of men
#d7c1c9 Deuteranopia 1% of men
#52d7e7 Tritanopia 0.001% of the population

Trichromacy

#8fceb6 Protanomaly 1% of men, 0.01% of women
#95cac4 Deuteranomaly 6% of men, 0.4% of women
#3fd9d7 Tritanomaly 0.01% of the population

#20dcbc hex color

#20dcbc Color Information

#20dcbc Color Conversion

Color Schemes with #20dcbc

Alternatives to #20dcbc

#20dcbc Preview

Shades and Tints of #20dcbc

Tones of #20dcbc

Color Blindness Simulator