#20c2ea hex color

In a RGB color space, hex #20c2ea is composed of 12.5% red, 76.1% green and 91.8% blue. Whereas in a CMYK color space, it is composed of 86.3% cyan, 17.1% magenta, 0% yellow and 8.2% black. It has a hue angle of 191.9 degrees, a saturation of 82.8% and a lightness of 52.2%. #20c2ea color hex could be obtained by blending #40ffff with #0085d5. Closest websafe color is: #33ccff.

♥
- f
- t
- g
- R 13
- G 76
- B 92
RGB color chart
- C 86
- M 17
- Y 0
- K 8
CMYK color chart

● #20c2ea color description : Vivid cyan.

The hexadecimal color #20c2ea has RGB values of R:32, G:194, B:234 and CMYK values of C:0.86, M:0.17, Y:0, K:0.08. Its decimal value is 2147050.

Hex triplet	20c2ea	`#20c2ea`
RGB Decimal	32, 194, 234	`rgb(32,194,234)`
RGB Percent	12.5, 76.1, 91.8	`rgb(12.5%,76.1%,91.8%)`
CMYK	86, 17, 0, 8
HSL	191.9°, 82.8, 52.2	`hsl(191.9,82.8%,52.2%)`
HSV (or HSB)	191.9°, 86.3, 91.8
Web Safe	33ccff	`#33ccff`

CIE-LAB	72.778, -25.191, -30.842
XYZ	34.735, 44.828, 84.659
xyY	0.212, 0.273, 44.828
CIE-LCH	72.778, 39.822, 230.759
CIE-LUV	72.778, -50.411, -45.953
Hunter-Lab	66.954, -24.565, -28.102
Binary	00100000, 11000010, 11101010

#20c2ea
```
#20c2ea rgb(32,194,234)
```
#ea4820
```
#ea4820 rgb(234,72,32)
```

Complementary Color

#20eaad
```
#20eaad rgb(32,234,173)
```
#20c2ea
```
#20c2ea rgb(32,194,234)
```
#205dea
```
#205dea rgb(32,93,234)
```

Analogous Color

#eaad20
```
#eaad20 rgb(234,173,32)
```
#20c2ea
```
#20c2ea rgb(32,194,234)
```
#ea205d
```
#ea205d rgb(234,32,93)
```

Split Complementary Color

#c2ea20
```
#c2ea20 rgb(194,234,32)
```
#20c2ea
```
#20c2ea rgb(32,194,234)
```
#ea20c2
```
#ea20c2 rgb(234,32,194)
```

Triadic Color

#20ea48
```
#20ea48 rgb(32,234,72)
```
#20c2ea
```
#20c2ea rgb(32,194,234)
```
#ea20c2
```
#ea20c2 rgb(234,32,194)
```
#ea4820
```
#ea4820 rgb(234,72,32)
```

Tetradic Color

#108ead
```
#108ead rgb(16,142,173)
```
#13a1c4
```
#13a1c4 rgb(19,161,196)
```
#15b4dc
```
#15b4dc rgb(21,180,220)
```
#20c2ea
```
#20c2ea rgb(32,194,234)
```
#37c8ec
```
#37c8ec rgb(55,200,236)
```
#4fcfee
```
#4fcfee rgb(79,207,238)
```
#66d5f1
```
#66d5f1 rgb(102,213,241)
```

Monochromatic Color

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

#20eae0
```
#20eae0 rgb(32,234,224)
```
#20e4ea
```
#20e4ea rgb(32,228,234)
```
#20d3ea
```
#20d3ea rgb(32,211,234)
```
#20c2ea
```
#20c2ea rgb(32,194,234)
```
#20b1ea
```
#20b1ea rgb(32,177,234)
```
#20a0ea
```
#20a0ea rgb(32,160,234)
```
#2090ea
```
#2090ea rgb(32,144,234)
```

Similar Colors

Text with hexadecimal color #20c2ea

This text has a font color of #20c2ea.

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

#20c2ea background color

This paragraph has a background color of #20c2ea.

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

#20c2ea border color

This element has a border color of #20c2ea.

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

CSS codes

.text {color:#20c2ea;}

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

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

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, #01080a is the darkest color, while #f7fdfe is the lightest one.

#01080a
```
#01080a rgb(1,8,10)
```
#03171c
```
#03171c rgb(3,23,28)
```
#04262e
```
#04262e rgb(4,38,46)
```
#063440
```
#063440 rgb(6,52,64)
```
#084352
```
#084352 rgb(8,67,82)
```
#095264
```
#095264 rgb(9,82,100)
```
#0b6176
```
#0b6176 rgb(11,97,118)
```
#0d6f88
```
#0d6f88 rgb(13,111,136)
```
#0e7e99
```
#0e7e99 rgb(14,126,153)
```
#108dab
```
#108dab rgb(16,141,171)
```
#129bbd
```
#129bbd rgb(18,155,189)
```
#14aacf
```
#14aacf rgb(20,170,207)
```
#15b9e1
```
#15b9e1 rgb(21,185,225)
```

Shade Color Variation

#20c2ea
```
#20c2ea rgb(32,194,234)
```
#32c7ec
```
#32c7ec rgb(50,199,236)
```
#44cced
```
#44cced rgb(68,204,237)
```
#56d1ef
```
#56d1ef rgb(86,209,239)
```
#68d6f1
```
#68d6f1 rgb(104,214,241)
```
#7adbf2
```
#7adbf2 rgb(122,219,242)
```
#8cdff4
```
#8cdff4 rgb(140,223,244)
```
#9de4f6
```
#9de4f6 rgb(157,228,246)
```
#afe9f8
```
#afe9f8 rgb(175,233,248)
```
#c1eef9
```
#c1eef9 rgb(193,238,249)
```
#d3f3fb
```
#d3f3fb rgb(211,243,251)
```
#e5f8fd
```
#e5f8fd rgb(229,248,253)
```
#f7fdfe
```
#f7fdfe rgb(247,253,254)
```

Tint Color Variation

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

#7e898c
```
#7e898c rgb(126,137,140)
```
#748f96
```
#748f96 rgb(116,143,150)
```
#6b959f
```
#6b959f rgb(107,149,159)
```
#629aa8
```
#629aa8 rgb(98,154,168)
```
#58a0b2
```
#58a0b2 rgb(88,160,178)
```
#4fa6bb
```
#4fa6bb rgb(79,166,187)
```
#46abc4
```
#46abc4 rgb(70,171,196)
```
#3cb1ce
```
#3cb1ce rgb(60,177,206)
```
#33b7d7
```
#33b7d7 rgb(51,183,215)
```
#29bce1
```
#29bce1 rgb(41,188,225)
```
#20c2ea
```
#20c2ea rgb(32,194,234)
```
#17c8f3
```
#17c8f3 rgb(23,200,243)
```
#0dcdfd
```
#0dcdfd rgb(13,205,253)
```

Tone Color Variation

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

#969696 Achromatopsia 0.005% of the population
#7e9fa7 Atypical Achromatopsia 0.001% of the population

Dichromacy

#abb4e0 Protanopia 1% of men
#a3b4f1 Deuteranopia 1% of men
#00c8d6 Tritanopia 0.001% of the population

Trichromacy

#78b9e3 Protanomaly 1% of men, 0.01% of women
#73b9ee Deuteranomaly 6% of men, 0.4% of women
#0bc5dd Tritanomaly 0.01% of the population

#20c2ea hex color

#20c2ea Color Information

#20c2ea Color Conversion

Color Schemes with #20c2ea

Alternatives to #20c2ea

#20c2ea Preview

Shades and Tints of #20c2ea

Tones of #20c2ea

Color Blindness Simulator