#20fae2 hex color

In a RGB color space, hex #20fae2 is composed of 12.5% red, 98% green and 88.6% blue. Whereas in a CMYK color space, it is composed of 87.2% cyan, 0% magenta, 9.6% yellow and 2% black. It has a hue angle of 173.4 degrees, a saturation of 95.6% and a lightness of 55.3%. #20fae2 color hex could be obtained by blending #40ffff with #00f5c5. Closest websafe color is: #33ffcc.

♥
- f
- t
- g
- R 13
- G 98
- B 89
RGB color chart
- C 87
- M 0
- Y 10
- K 2
CMYK color chart

● #20fae2 color description : Vivid cyan.

The hexadecimal color #20fae2 has RGB values of R:32, G:250, B:226 and CMYK values of C:0.87, M:0, Y:0.1, K:0.02. Its decimal value is 2161378.

Hex triplet	20fae2	`#20fae2`
RGB Decimal	32, 250, 226	`rgb(32,250,226)`
RGB Percent	12.5, 98, 88.6	`rgb(12.5%,98%,88.6%)`
CMYK	87, 0, 10, 2
HSL	173.4°, 95.6, 55.3	`hsl(173.4,95.6%,55.3%)`
HSV (or HSB)	173.4°, 87.2, 98
Web Safe	33ffcc	`#33ffcc`

CIE-LAB	89, -53.025, -2.181
XYZ	48.504, 74.164, 83.706
xyY	0.235, 0.359, 74.164
CIE-LCH	89, 53.07, 182.355
CIE-LUV	89, -69.933, 5.037
Hunter-Lab	86.119, -50.172, 2.654
Binary	00100000, 11111010, 11100010

#20fae2
```
#20fae2 rgb(32,250,226)
```
#fa2038
```
#fa2038 rgb(250,32,56)
```

Complementary Color

#20fa75
```
#20fa75 rgb(32,250,117)
```
#20fae2
```
#20fae2 rgb(32,250,226)
```
#20a5fa
```
#20a5fa rgb(32,165,250)
```

Analogous Color

#fa7520
```
#fa7520 rgb(250,117,32)
```
#20fae2
```
#20fae2 rgb(32,250,226)
```
#fa20a5
```
#fa20a5 rgb(250,32,165)
```

Split Complementary Color

#fae220
```
#fae220 rgb(250,226,32)
```
#20fae2
```
#20fae2 rgb(32,250,226)
```
#e220fa
```
#e220fa rgb(226,32,250)
```

Triadic Color

#38fa20
```
#38fa20 rgb(56,250,32)
```
#20fae2
```
#20fae2 rgb(32,250,226)
```
#e220fa
```
#e220fa rgb(226,32,250)
```
#fa2038
```
#fa2038 rgb(250,32,56)
```

Tetradic Color

#05c9b3
```
#05c9b3 rgb(5,201,179)
```
#05e2ca
```
#05e2ca rgb(5,226,202)
```
#07f9df
```
#07f9df rgb(7,249,223)
```
#20fae2
```
#20fae2 rgb(32,250,226)
```
#39fbe5
```
#39fbe5 rgb(57,251,229)
```
#52fbe8
```
#52fbe8 rgb(82,251,232)
```
#6bfcec
```
#6bfcec rgb(107,252,236)
```

Monochromatic Color

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

#20faac
```
#20faac rgb(32,250,172)
```
#20fabe
```
#20fabe rgb(32,250,190)
```
#20fad0
```
#20fad0 rgb(32,250,208)
```
#20fae2
```
#20fae2 rgb(32,250,226)
```
#20faf4
```
#20faf4 rgb(32,250,244)
```
#20eefa
```
#20eefa rgb(32,238,250)
```
#20dcfa
```
#20dcfa rgb(32,220,250)
```

Similar Colors

Text with hexadecimal color #20fae2

This text has a font color of #20fae2.

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

#20fae2 background color

This paragraph has a background color of #20fae2.

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

#20fae2 border color

This element has a border color of #20fae2.

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

CSS codes

.text {color:#20fae2;}

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

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

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

#000706
```
#000706 rgb(0,7,6)
```
#011a18
```
#011a18 rgb(1,26,24)
```
#012e29
```
#012e29 rgb(1,46,41)
```
#01413a
```
#01413a rgb(1,65,58)
```
#02544b
```
#02544b rgb(2,84,75)
```
#02675c
```
#02675c rgb(2,103,92)
```
#037a6d
```
#037a6d rgb(3,122,109)
```
#038e7e
```
#038e7e rgb(3,142,126)
```
#04a18f
```
#04a18f rgb(4,161,143)
```
#04b4a1
```
#04b4a1 rgb(4,180,161)
```
#04c7b2
```
#04c7b2 rgb(4,199,178)
```
#05dac3
```
#05dac3 rgb(5,218,195)
```
#05edd4
```
#05edd4 rgb(5,237,212)
```

Shade Color Variation

#0dfae0
```
#0dfae0 rgb(13,250,224)
```
#20fae2
```
#20fae2 rgb(32,250,226)
```
#33fae4
```
#33fae4 rgb(51,250,228)
```
#46fbe7
```
#46fbe7 rgb(70,251,231)
```
#5afbe9
```
#5afbe9 rgb(90,251,233)
```
#6dfcec
```
#6dfcec rgb(109,252,236)
```
#80fcee
```
#80fcee rgb(128,252,238)
```
#93fdf1
```
#93fdf1 rgb(147,253,241)
```
#a6fdf3
```
#a6fdf3 rgb(166,253,243)
```
#b9fdf6
```
#b9fdf6 rgb(185,253,246)
```
#cdfef8
```
#cdfef8 rgb(205,254,248)
```
#e0fefb
```
#e0fefb rgb(224,254,251)
```
#f3fffd
```
#f3fffd rgb(243,255,253)
```

Tint Color Variation

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

#899190
```
#899190 rgb(137,145,144)
```
#809a97
```
#809a97 rgb(128,154,151)
```
#78a29e
```
#78a29e rgb(120,162,158)
```
#6faba4
```
#6faba4 rgb(111,171,164)
```
#66b4ab
```
#66b4ab rgb(102,180,171)
```
#5dbdb2
```
#5dbdb2 rgb(93,189,178)
```
#55c5b9
```
#55c5b9 rgb(85,197,185)
```
#4ccec0
```
#4ccec0 rgb(76,206,192)
```
#43d7c7
```
#43d7c7 rgb(67,215,199)
```
#3ae0cd
```
#3ae0cd rgb(58,224,205)
```
#32e8d4
```
#32e8d4 rgb(50,232,212)
```
#29f1db
```
#29f1db rgb(41,241,219)
```
#20fae2
```
#20fae2 rgb(32,250,226)
```

Tone Color Variation

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

#b6b6b6 Achromatopsia 0.005% of the population
#98c4bf Atypical Achromatopsia 0.001% of the population

Dichromacy

#e7e0d5 Protanopia 1% of men
#efdbee Deuteranopia 1% of men
#88f0ff Tritanopia 0.001% of the population

Trichromacy

#9fe9da Protanomaly 1% of men, 0.01% of women
#a4e6ea Deuteranomaly 6% of men, 0.4% of women
#62f4f4 Tritanomaly 0.01% of the population

#20fae2 hex color

#20fae2 Color Information

#20fae2 Color Conversion

Color Schemes with #20fae2

Alternatives to #20fae2

#20fae2 Preview

Shades and Tints of #20fae2

Tones of #20fae2

Color Blindness Simulator