#21dae5 hex color

In a RGB color space, hex #21dae5 is composed of 12.9% red, 85.5% green and 89.8% blue. Whereas in a CMYK color space, it is composed of 85.6% cyan, 4.8% magenta, 0% yellow and 10.2% black. It has a hue angle of 183.4 degrees, a saturation of 79% and a lightness of 51.4%. #21dae5 color hex could be obtained by blending #42ffff with #00b5cb. Closest websafe color is: #33cccc.

♥
- f
- t
- g
- R 13
- G 85
- B 90
RGB color chart
- C 86
- M 5
- Y 0
- K 10
CMYK color chart

● #21dae5 color description : Vivid cyan.

The hexadecimal color #21dae5 has RGB values of R:33, G:218, B:229 and CMYK values of C:0.86, M:0.05, Y:0, K:0.1. Its decimal value is 2218725.

Hex triplet	21dae5	`#21dae5`
RGB Decimal	33, 218, 229	`rgb(33,218,229)`
RGB Percent	12.9, 85.5, 89.8	`rgb(12.9%,85.5%,89.8%)`
CMYK	86, 5, 0, 10
HSL	183.4°, 79, 51.4	`hsl(183.4,79%,51.4%)`
HSV (or HSB)	183.4°, 85.6, 89.8
Web Safe	33cccc	`#33cccc`

CIE-LAB	79.682, -38.236, -17.626
XYZ	39.837, 56.119, 82.857
xyY	0.223, 0.314, 56.119
CIE-LCH	79.682, 42.102, 204.748
CIE-LUV	79.682, -58.886, -22.216
Hunter-Lab	74.913, -36.175, -13.138
Binary	00100001, 11011010, 11100101

#21dae5
```
#21dae5 rgb(33,218,229)
```
#e52c21
```
#e52c21 rgb(229,44,33)
```

Complementary Color

#21e58e
```
#21e58e rgb(33,229,142)
```
#21dae5
```
#21dae5 rgb(33,218,229)
```
#2178e5
```
#2178e5 rgb(33,120,229)
```

Analogous Color

#e58e21
```
#e58e21 rgb(229,142,33)
```
#21dae5
```
#21dae5 rgb(33,218,229)
```
#e52178
```
#e52178 rgb(229,33,120)
```

Split Complementary Color

#dae521
```
#dae521 rgb(218,229,33)
```
#21dae5
```
#21dae5 rgb(33,218,229)
```
#e521da
```
#e521da rgb(229,33,218)
```

Triadic Color

#21e52c
```
#21e52c rgb(33,229,44)
```
#21dae5
```
#21dae5 rgb(33,218,229)
```
#e521da
```
#e521da rgb(229,33,218)
```
#e52c21
```
#e52c21 rgb(229,44,33)
```

Tetradic Color

#139ea6
```
#139ea6 rgb(19,158,166)
```
#16b4bd
```
#16b4bd rgb(22,180,189)
```
#19c9d4
```
#19c9d4 rgb(25,201,212)
```
#21dae5
```
#21dae5 rgb(33,218,229)
```
#38dee8
```
#38dee8 rgb(56,222,232)
```
#4fe2ea
```
#4fe2ea rgb(79,226,234)
```
#65e5ed
```
#65e5ed rgb(101,229,237)
```

Monochromatic Color

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

#21e5bf
```
#21e5bf rgb(33,229,191)
```
#21e5cf
```
#21e5cf rgb(33,229,207)
```
#21e5e0
```
#21e5e0 rgb(33,229,224)
```
#21dae5
```
#21dae5 rgb(33,218,229)
```
#21cae5
```
#21cae5 rgb(33,202,229)
```
#21b9e5
```
#21b9e5 rgb(33,185,229)
```
#21a9e5
```
#21a9e5 rgb(33,169,229)
```

Similar Colors

Text with hexadecimal color #21dae5

This text has a font color of #21dae5.

<span style="color:#21dae5;">Text here</span>

#21dae5 background color

This paragraph has a background color of #21dae5.

<p style="background-color:#21dae5;">Content here</p>

#21dae5 border color

This element has a border color of #21dae5.

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

CSS codes

.text {color:#21dae5;}

.background {background-color:#21dae5;}

.border {border:1px solid #21dae5;}

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

#010606
```
#010606 rgb(1,6,6)
```
#031718
```
#031718 rgb(3,23,24)
```
#052729
```
#052729 rgb(5,39,41)
```
#07383b
```
#07383b rgb(7,56,59)
```
#09494d
```
#09494d rgb(9,73,77)
```
#0b595e
```
#0b595e rgb(11,89,94)
```
#0d6a70
```
#0d6a70 rgb(13,106,112)
```
#0f7b81
```
#0f7b81 rgb(15,123,129)
```
#118b93
```
#118b93 rgb(17,139,147)
```
#139ca4
```
#139ca4 rgb(19,156,164)
```
#15adb6
```
#15adb6 rgb(21,173,182)
```
#17bec7
```
#17bec7 rgb(23,190,199)
```
#19ced9
```
#19ced9 rgb(25,206,217)
```

Shade Color Variation

#21dae5
```
#21dae5 rgb(33,218,229)
```
#33dde7
```
#33dde7 rgb(51,221,231)
```
#44e0e9
```
#44e0e9 rgb(68,224,233)
```
#56e3eb
```
#56e3eb rgb(86,227,235)
```
#67e6ed
```
#67e6ed rgb(103,230,237)
```
#79e9ef
```
#79e9ef rgb(121,233,239)
```
#8aecf1
```
#8aecf1 rgb(138,236,241)
```
#9ceef3
```
#9ceef3 rgb(156,238,243)
```
#adf1f5
```
#adf1f5 rgb(173,241,245)
```
#bff4f8
```
#bff4f8 rgb(191,244,248)
```
#d1f7fa
```
#d1f7fa rgb(209,247,250)
```
#e2fafc
```
#e2fafc rgb(226,250,252)
```
#f4fdfe
```
#f4fdfe rgb(244,253,254)
```

Tint Color Variation

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

#808586
```
#808586 rgb(128,133,134)
```
#778e8f
```
#778e8f rgb(119,142,143)
```
#6d9699
```
#6d9699 rgb(109,150,153)
```
#649fa2
```
#649fa2 rgb(100,159,162)
```
#5aa7ac
```
#5aa7ac rgb(90,167,172)
```
#51b0b5
```
#51b0b5 rgb(81,176,181)
```
#47b8bf
```
#47b8bf rgb(71,184,191)
```
#3ec1c8
```
#3ec1c8 rgb(62,193,200)
```
#34c9d2
```
#34c9d2 rgb(52,201,210)
```
#2bd2db
```
#2bd2db rgb(43,210,219)
```
#21dae5
```
#21dae5 rgb(33,218,229)
```
#17e2ef
```
#17e2ef rgb(23,226,239)
```
#0eebf8
```
#0eebf8 rgb(14,235,248)
```

Tone Color Variation

Below, you can see how #21dae5 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

#a4a4a4 Achromatopsia 0.005% of the population
#8aafb1 Atypical Achromatopsia 0.001% of the population

Dichromacy

#c6c7da Protanopia 1% of men
#c6c4ef Deuteranopia 1% of men
#34dbeb Tritanopia 0.001% of the population

Trichromacy

#8acede Protanomaly 1% of men, 0.01% of women
#8acceb Deuteranomaly 6% of men, 0.4% of women
#2ddae8 Tritanomaly 0.01% of the population

#21dae5 hex color

#21dae5 Color Information

#21dae5 Color Conversion

Color Schemes with #21dae5

Alternatives to #21dae5

#21dae5 Preview

Shades and Tints of #21dae5

Tones of #21dae5

Color Blindness Simulator