#20cdec hex color

In a RGB color space, hex #20cdec is composed of 12.5% red, 80.4% green and 92.5% blue. Whereas in a CMYK color space, it is composed of 86.4% cyan, 13.1% magenta, 0% yellow and 7.5% black. It has a hue angle of 189.1 degrees, a saturation of 84.3% and a lightness of 52.5%. #20cdec color hex could be obtained by blending #40ffff with #009bd9. Closest websafe color is: #33ccff.

♥
- f
- t
- g
- R 13
- G 80
- B 93
RGB color chart
- C 86
- M 13
- Y 0
- K 7
CMYK color chart

● #20cdec color description : Vivid cyan.

The hexadecimal color #20cdec has RGB values of R:32, G:205, B:236 and CMYK values of C:0.86, M:0.13, Y:0, K:0.07. Its decimal value is 2149868.

Hex triplet	20cdec	`#20cdec`
RGB Decimal	32, 205, 236	`rgb(32,205,236)`
RGB Percent	12.5, 80.4, 92.5	`rgb(12.5%,80.4%,92.5%)`
CMYK	86, 13, 0, 7
HSL	189.1°, 84.3, 52.5	`hsl(189.1,84.3%,52.5%)`
HSV (or HSB)	189.1°, 86.4, 92.5
Web Safe	33ccff	`#33ccff`

CIE-LAB	76.083, -29.984, -26.844
XYZ	37.563, 50.022, 87.028
xyY	0.215, 0.286, 50.022
CIE-LCH	76.083, 40.245, 221.838
CIE-LUV	76.083, -54.007, -38.73
Hunter-Lab	70.726, -28.969, -23.447
Binary	00100000, 11001101, 11101100

#20cdec
```
#20cdec rgb(32,205,236)
```
#ec3f20
```
#ec3f20 rgb(236,63,32)
```

Complementary Color

#20eca5
```
#20eca5 rgb(32,236,165)
```
#20cdec
```
#20cdec rgb(32,205,236)
```
#2067ec
```
#2067ec rgb(32,103,236)
```

Analogous Color

#eca520
```
#eca520 rgb(236,165,32)
```
#20cdec
```
#20cdec rgb(32,205,236)
```
#ec2067
```
#ec2067 rgb(236,32,103)
```

Split Complementary Color

#cdec20
```
#cdec20 rgb(205,236,32)
```
#20cdec
```
#20cdec rgb(32,205,236)
```
#ec20cd
```
#ec20cd rgb(236,32,205)
```

Triadic Color

#20ec3f
```
#20ec3f rgb(32,236,63)
```
#20cdec
```
#20cdec rgb(32,205,236)
```
#ec20cd
```
#ec20cd rgb(236,32,205)
```
#ec3f20
```
#ec3f20 rgb(236,63,32)
```

Tetradic Color

#0f98b0
```
#0f98b0 rgb(15,152,176)
```
#11acc8
```
#11acc8 rgb(17,172,200)
```
#13c0df
```
#13c0df rgb(19,192,223)
```
#20cdec
```
#20cdec rgb(32,205,236)
```
#37d2ee
```
#37d2ee rgb(55,210,238)
```
#4fd8f0
```
#4fd8f0 rgb(79,216,240)
```
#66ddf2
```
#66ddf2 rgb(102,221,242)
```

Monochromatic Color

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

#20ecd8
```
#20ecd8 rgb(32,236,216)
```
#20ece9
```
#20ece9 rgb(32,236,233)
```
#20deec
```
#20deec rgb(32,222,236)
```
#20cdec
```
#20cdec rgb(32,205,236)
```
#20bcec
```
#20bcec rgb(32,188,236)
```
#20abec
```
#20abec rgb(32,171,236)
```
#209aec
```
#209aec rgb(32,154,236)
```

Similar Colors

Text with hexadecimal color #20cdec

This text has a font color of #20cdec.

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

#20cdec background color

This paragraph has a background color of #20cdec.

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

#20cdec border color

This element has a border color of #20cdec.

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

CSS codes

.text {color:#20cdec;}

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

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

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, #010a0c is the darkest color, while #f9fefe is the lightest one.

#010a0c
```
#010a0c rgb(1,10,12)
```
#031a1e
```
#031a1e rgb(3,26,30)
```
#042930
```
#042930 rgb(4,41,48)
```
#063942
```
#063942 rgb(6,57,66)
```
#074954
```
#074954 rgb(7,73,84)
```
#095866
```
#095866 rgb(9,88,102)
```
#0a6878
```
#0a6878 rgb(10,104,120)
```
#0c778b
```
#0c778b rgb(12,119,139)
```
#0d879d
```
#0d879d rgb(13,135,157)
```
#0f96af
```
#0f96af rgb(15,150,175)
```
#10a6c1
```
#10a6c1 rgb(16,166,193)
```
#12b6d3
```
#12b6d3 rgb(18,182,211)
```
#14c5e5
```
#14c5e5 rgb(20,197,229)
```

Shade Color Variation

#20cdec
```
#20cdec rgb(32,205,236)
```
#32d1ee
```
#32d1ee rgb(50,209,238)
```
#44d5ef
```
#44d5ef rgb(68,213,239)
```
#56d9f1
```
#56d9f1 rgb(86,217,241)
```
#68ddf2
```
#68ddf2 rgb(104,221,242)
```
#7ae1f4
```
#7ae1f4 rgb(122,225,244)
```
#8ce5f5
```
#8ce5f5 rgb(140,229,245)
```
#9fe9f7
```
#9fe9f7 rgb(159,233,247)
```
#b1edf8
```
#b1edf8 rgb(177,237,248)
```
#c3f1fa
```
#c3f1fa rgb(195,241,250)
```
#d5f6fb
```
#d5f6fb rgb(213,246,251)
```
#e7fafd
```
#e7fafd rgb(231,250,253)
```
#f9fefe
```
#f9fefe rgb(249,254,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #7d8c8f is the less saturated color, while #0ddaff is the most saturated one.

#7d8c8f
```
#7d8c8f rgb(125,140,143)
```
#749398
```
#749398 rgb(116,147,152)
```
#6a99a2
```
#6a99a2 rgb(106,153,162)
```
#61a0ab
```
#61a0ab rgb(97,160,171)
```
#58a6b4
```
#58a6b4 rgb(88,166,180)
```
#4fadbd
```
#4fadbd rgb(79,173,189)
```
#45b3c7
```
#45b3c7 rgb(69,179,199)
```
#3cbad0
```
#3cbad0 rgb(60,186,208)
```
#33c0d9
```
#33c0d9 rgb(51,192,217)
```
#29c7e3
```
#29c7e3 rgb(41,199,227)
```
#20cdec
```
#20cdec rgb(32,205,236)
```
#17d3f5
```
#17d3f5 rgb(23,211,245)
```
#0ddaff
```
#0ddaff rgb(13,218,255)
```

Tone Color Variation

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

#9d9d9d Achromatopsia 0.005% of the population
#84a7ad Atypical Achromatopsia 0.001% of the population

Dichromacy

#b6bde1 Protanopia 1% of men
#b2bcf4 Deuteranopia 1% of men
#00d1e0 Tritanopia 0.001% of the population

Trichromacy

#80c3e5 Protanomaly 1% of men, 0.01% of women
#7cc2f1 Deuteranomaly 6% of men, 0.4% of women
#0bcfe4 Tritanomaly 0.01% of the population

#20cdec hex color

#20cdec Color Information

#20cdec Color Conversion

Color Schemes with #20cdec

Alternatives to #20cdec

#20cdec Preview

Shades and Tints of #20cdec

Tones of #20cdec

Color Blindness Simulator