colorhexa.com

#20cedc hex color

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

- R 13
- G 81
- B 86
RGB color chart
- C 85
- M 6
- Y 0
- K 14
CMYK color chart

● #20cedc color description : Vivid cyan.

The hexadecimal color #20cedc has RGB values of R:32, G:206, B:220 and CMYK values of C:0.85, M:0.06, Y:0, K:0.14. Its decimal value is 2150108.

Hex triplet	20cedc	`#20cedc`
RGB Decimal	32, 206, 220	`rgb(32,206,220)`
RGB Percent	12.5, 80.8, 86.3	`rgb(12.5%,80.8%,86.3%)`
CMYK	85, 6, 0, 14
HSL	184.5°, 74.6, 49.4	`hsl(184.5,74.6%,49.4%)`
HSV (or HSB)	184.5°, 85.5, 86.3
Web Safe	33cccc	`#33cccc`

CIE-LAB	75.831, -35.469, -18.619
XYZ	35.581, 49.613, 75.407
xyY	0.222, 0.309, 49.613
CIE-LCH	75.831, 40.059, 207.696
CIE-LUV	75.831, -55.564, -24.133
Hunter-Lab	70.437, -33.095, -14.168
Binary	00100000, 11001110, 11011100

#20cedc
```
#20cedc rgb(32,206,220)
```
#dc2e20
```
#dc2e20 rgb(220,46,32)
```

Complementary Color

#20dc8c
```
#20dc8c rgb(32,220,140)
```
#20cedc
```
#20cedc rgb(32,206,220)
```
#2070dc
```
#2070dc rgb(32,112,220)
```

Analogous Color

#dc8c20
```
#dc8c20 rgb(220,140,32)
```
#20cedc
```
#20cedc rgb(32,206,220)
```
#dc2070
```
#dc2070 rgb(220,32,112)
```

Split Complementary Color

#cedc20
```
#cedc20 rgb(206,220,32)
```
#20cedc
```
#20cedc rgb(32,206,220)
```
#dc20ce
```
#dc20ce rgb(220,32,206)
```

Triadic Color

#20dc2e
```
#20dc2e rgb(32,220,46)
```
#20cedc
```
#20cedc rgb(32,206,220)
```
#dc20ce
```
#dc20ce rgb(220,32,206)
```
#dc2e20
```
#dc2e20 rgb(220,46,32)
```

Tetradic Color

#168f99
```
#168f99 rgb(22,143,153)
```
#1aa4af
```
#1aa4af rgb(26,164,175)
```
#1db9c6
```
#1db9c6 rgb(29,185,198)
```
#20cedc
```
#20cedc rgb(32,206,220)
```
#34d5e1
```
#34d5e1 rgb(52,213,225)
```
#4ad9e5
```
#4ad9e5 rgb(74,217,229)
```
#61dee8
```
#61dee8 rgb(97,222,232)
```

Monochromatic Color

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

#20dcbb
```
#20dcbb rgb(32,220,187)
```
#20dccb
```
#20dccb rgb(32,220,203)
```
#20dcda
```
#20dcda rgb(32,220,218)
```
#20cedc
```
#20cedc rgb(32,206,220)
```
#20bedc
```
#20bedc rgb(32,190,220)
```
#20afdc
```
#20afdc rgb(32,175,220)
```
#209fdc
```
#209fdc rgb(32,159,220)
```

Similar Colors

Text with hexadecimal color #20cedc

This text has a font color of #20cedc.

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

#20cedc background color

This paragraph has a background color of #20cedc.

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

#20cedc border color

This element has a border color of #20cedc.

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

CSS codes

.text {color:#20cedc;}

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

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

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

#020e0f
```
#020e0f rgb(2,14,15)
```
#051e20
```
#051e20 rgb(5,30,32)
```
#072e31
```
#072e31 rgb(7,46,49)
```
#0a3e42
```
#0a3e42 rgb(10,62,66)
```
#0c4e53
```
#0c4e53 rgb(12,78,83)
```
#0f5e64
```
#0f5e64 rgb(15,94,100)
```
#116e75
```
#116e75 rgb(17,110,117)
```
#147e86
```
#147e86 rgb(20,126,134)
```
#168e98
```
#168e98 rgb(22,142,152)
```
#199ea9
```
#199ea9 rgb(25,158,169)
```
#1baeba
```
#1baeba rgb(27,174,186)
```
#1ebecb
```
#1ebecb rgb(30,190,203)
```
#20cedc
```
#20cedc rgb(32,206,220)
```

Shade Color Variation

#2fd3e1
```
#2fd3e1 rgb(47,211,225)
```
#40d7e3
```
#40d7e3 rgb(64,215,227)
```
#51dbe6
```
#51dbe6 rgb(81,219,230)
```
#62dee8
```
#62dee8 rgb(98,222,232)
```
#73e2eb
```
#73e2eb rgb(115,226,235)
```
#85e5ed
```
#85e5ed rgb(133,229,237)
```
#96e9f0
```
#96e9f0 rgb(150,233,240)
```
#a7edf2
```
#a7edf2 rgb(167,237,242)
```
#b8f0f5
```
#b8f0f5 rgb(184,240,245)
```
#c9f4f7
```
#c9f4f7 rgb(201,244,247)
```
#daf7fa
```
#daf7fa rgb(218,247,250)
```
#ebfbfc
```
#ebfbfc rgb(235,251,252)
```
#fcfeff
```
#fcfeff rgb(252,254,255)
```

Tint Color Variation

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

#778485
```
#778485 rgb(119,132,133)
```
#6e8c8e
```
#6e8c8e rgb(110,140,142)
```
#649498
```
#649498 rgb(100,148,152)
```
#5a9da2
```
#5a9da2 rgb(90,157,162)
```
#50a5ac
```
#50a5ac rgb(80,165,172)
```
#47adb5
```
#47adb5 rgb(71,173,181)
```
#3db5bf
```
#3db5bf rgb(61,181,191)
```
#33bec9
```
#33bec9 rgb(51,190,201)
```
#2ac6d2
```
#2ac6d2 rgb(42,198,210)
```
#20cedc
```
#20cedc rgb(32,206,220)
```
#16d6e6
```
#16d6e6 rgb(22,214,230)
```
#0ddeef
```
#0ddeef rgb(13,222,239)
```
#03e7f9
```
#03e7f9 rgb(3,231,249)
```

Tone Color Variation

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

#9c9c9c Achromatopsia 0.005% of the population
#83a6a9 Atypical Achromatopsia 0.001% of the population

Dichromacy

#bbbdd2 Protanopia 1% of men
#babae6 Deuteranopia 1% of men
#2ed0df Tritanopia 0.001% of the population

Trichromacy

#82c3d5 Protanomaly 1% of men, 0.01% of women
#82c1e2 Deuteranomaly 6% of men, 0.4% of women
#29cfde Tritanomaly 0.01% of the population