#21d5ae hex color

In a RGB color space, hex #21d5ae is composed of 12.9% red, 83.5% green and 68.2% blue. Whereas in a CMYK color space, it is composed of 84.5% cyan, 0% magenta, 18.3% yellow and 16.5% black. It has a hue angle of 167 degrees, a saturation of 73.2% and a lightness of 48.2%. #21d5ae color hex could be obtained by blending #42ffff with #00ab5d. Closest websafe color is: #33cc99.

♥
- f
- t
- g
- R 13
- G 84
- B 68
RGB color chart
- C 85
- M 0
- Y 18
- K 16
CMYK color chart

● #21d5ae color description : Strong cyan.

The hexadecimal color #21d5ae has RGB values of R:33, G:213, B:174 and CMYK values of C:0.85, M:0, Y:0.18, K:0.16. Its decimal value is 2217390.

Hex triplet	21d5ae	`#21d5ae`
RGB Decimal	33, 213, 174	`rgb(33,213,174)`
RGB Percent	12.9, 83.5, 68.2	`rgb(12.9%,83.5%,68.2%)`
CMYK	85, 0, 18, 16
HSL	167°, 73.2, 48.2	`hsl(167,73.2%,48.2%)`
HSV (or HSB)	167°, 84.5, 83.5
Web Safe	33cc99	`#33cc99`

CIE-LAB	76.658, -51.338, 7.339
XYZ	32.059, 50.965, 48.19
xyY	0.244, 0.388, 50.965
CIE-LCH	76.658, 51.86, 171.864
CIE-LUV	76.658, -61.367, 18.988
Hunter-Lab	71.389, -44.773, 9.95
Binary	00100001, 11010101, 10101110

#21d5ae
```
#21d5ae rgb(33,213,174)
```
#d52148
```
#d52148 rgb(213,33,72)
```

Complementary Color

#21d554
```
#21d554 rgb(33,213,84)
```
#21d5ae
```
#21d5ae rgb(33,213,174)
```
#21a2d5
```
#21a2d5 rgb(33,162,213)
```

Analogous Color

#d55421
```
#d55421 rgb(213,84,33)
```
#21d5ae
```
#21d5ae rgb(33,213,174)
```
#d521a2
```
#d521a2 rgb(213,33,162)
```

Split Complementary Color

#d5ae21
```
#d5ae21 rgb(213,174,33)
```
#21d5ae
```
#21d5ae rgb(33,213,174)
```
#ae21d5
```
#ae21d5 rgb(174,33,213)
```

Triadic Color

#48d521
```
#48d521 rgb(72,213,33)
```
#21d5ae
```
#21d5ae rgb(33,213,174)
```
#ae21d5
```
#ae21d5 rgb(174,33,213)
```
#d52148
```
#d52148 rgb(213,33,72)
```

Tetradic Color

#179378
```
#179378 rgb(23,147,120)
```
#1aa98a
```
#1aa98a rgb(26,169,138)
```
#1ebf9c
```
#1ebf9c rgb(30,191,156)
```
#21d5ae
```
#21d5ae rgb(33,213,174)
```
#30dfb9
```
#30dfb9 rgb(48,223,185)
```
#47e2c1
```
#47e2c1 rgb(71,226,193)
```
#5de6c8
```
#5de6c8 rgb(93,230,200)
```

Monochromatic Color

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

#21d581
```
#21d581 rgb(33,213,129)
```
#21d590
```
#21d590 rgb(33,213,144)
```
#21d59f
```
#21d59f rgb(33,213,159)
```
#21d5ae
```
#21d5ae rgb(33,213,174)
```
#21d5bd
```
#21d5bd rgb(33,213,189)
```
#21d5cc
```
#21d5cc rgb(33,213,204)
```
#21cfd5
```
#21cfd5 rgb(33,207,213)
```

Similar Colors

Text with hexadecimal color #21d5ae

This text has a font color of #21d5ae.

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

#21d5ae background color

This paragraph has a background color of #21d5ae.

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

#21d5ae border color

This element has a border color of #21d5ae.

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

CSS codes

.text {color:#21d5ae;}

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

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

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

#010908
```
#010908 rgb(1,9,8)
```
#041a15
```
#041a15 rgb(4,26,21)
```
#072b23
```
#072b23 rgb(7,43,35)
```
#093c31
```
#093c31 rgb(9,60,49)
```
#0c4d3f
```
#0c4d3f rgb(12,77,63)
```
#0f5e4d
```
#0f5e4d rgb(15,94,77)
```
#116f5b
```
#116f5b rgb(17,111,91)
```
#148069
```
#148069 rgb(20,128,105)
```
#169177
```
#169177 rgb(22,145,119)
```
#19a284
```
#19a284 rgb(25,162,132)
```
#1cb392
```
#1cb392 rgb(28,179,146)
```
#1ec4a0
```
#1ec4a0 rgb(30,196,160)
```
#21d5ae
```
#21d5ae rgb(33,213,174)
```

Shade Color Variation

#2bdeb7
```
#2bdeb7 rgb(43,222,183)
```
#3ce1bd
```
#3ce1bd rgb(60,225,189)
```
#4de3c3
```
#4de3c3 rgb(77,227,195)
```
#5ee6c9
```
#5ee6c9 rgb(94,230,201)
```
#6fe9ce
```
#6fe9ce rgb(111,233,206)
```
#80ebd4
```
#80ebd4 rgb(128,235,212)
```
#91eeda
```
#91eeda rgb(145,238,218)
```
#a2f1e0
```
#a2f1e0 rgb(162,241,224)
```
#b3f3e5
```
#b3f3e5 rgb(179,243,229)
```
#c4f6eb
```
#c4f6eb rgb(196,246,235)
```
#d5f9f1
```
#d5f9f1 rgb(213,249,241)
```
#e6fbf7
```
#e6fbf7 rgb(230,251,247)
```
#f7fefc
```
#f7fefc rgb(247,254,252)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #76807e is the less saturated color, while #05f1be is the most saturated one.

#76807e
```
#76807e rgb(118,128,126)
```
#6d8983
```
#6d8983 rgb(109,137,131)
```
#639388
```
#639388 rgb(99,147,136)
```
#5a9c8e
```
#5a9c8e rgb(90,156,142)
```
#50a693
```
#50a693 rgb(80,166,147)
```
#47af99
```
#47af99 rgb(71,175,153)
```
#3db99e
```
#3db99e rgb(61,185,158)
```
#34c2a3
```
#34c2a3 rgb(52,194,163)
```
#2acca9
```
#2acca9 rgb(42,204,169)
```
#21d5ae
```
#21d5ae rgb(33,213,174)
```
#18deb3
```
#18deb3 rgb(24,222,179)
```
#0ee8b9
```
#0ee8b9 rgb(14,232,185)
```
#05f1be
```
#05f1be rgb(5,241,190)
```

Tone Color Variation

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

#9b9b9b Achromatopsia 0.005% of the population
#83a79f Atypical Achromatopsia 0.001% of the population

Dichromacy

#c9c0a7 Protanopia 1% of men
#d3babc Deuteranopia 1% of men
#53d0df Tritanopia 0.001% of the population

Trichromacy

#8cc7a9 Protanomaly 1% of men, 0.01% of women
#92c4b7 Deuteranomaly 6% of men, 0.4% of women
#41d2cd Tritanomaly 0.01% of the population

#21d5ae hex color

#21d5ae Color Information

#21d5ae Color Conversion

Color Schemes with #21d5ae

Alternatives to #21d5ae

#21d5ae Preview

Shades and Tints of #21d5ae

Tones of #21d5ae

Color Blindness Simulator