#21f5dd hex color

In a RGB color space, hex #21f5dd is composed of 12.9% red, 96.1% green and 86.7% blue. Whereas in a CMYK color space, it is composed of 86.5% cyan, 0% magenta, 9.8% yellow and 3.9% black. It has a hue angle of 173.2 degrees, a saturation of 91.4% and a lightness of 54.5%. #21f5dd color hex could be obtained by blending #42ffff with #00ebbb. Closest websafe color is: #33ffcc.

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

● #21f5dd color description : Vivid cyan.

The hexadecimal color #21f5dd has RGB values of R:33, G:245, B:221 and CMYK values of C:0.87, M:0, Y:0.1, K:0.04. Its decimal value is 2225629.

Hex triplet	21f5dd	`#21f5dd`
RGB Decimal	33, 245, 221	`rgb(33,245,221)`
RGB Percent	12.9, 96.1, 86.7	`rgb(12.9%,96.1%,86.7%)`
CMYK	87, 0, 10, 4
HSL	173.2°, 91.4, 54.5	`hsl(173.2,91.4%,54.5%)`
HSV (or HSB)	173.2°, 86.5, 96.1
Web Safe	33ffcc	`#33ffcc`

CIE-LAB	87.409, -52.239, -1.904
XYZ	46.326, 70.844, 79.635
xyY	0.235, 0.36, 70.844
CIE-LCH	87.409, 52.274, 182.088
CIE-LUV	87.409, -68.59, 5.335
Hunter-Lab	84.169, -49.049, 2.822
Binary	00100001, 11110101, 11011101

#21f5dd
```
#21f5dd rgb(33,245,221)
```
#f52139
```
#f52139 rgb(245,33,57)
```

Complementary Color

#21f573
```
#21f573 rgb(33,245,115)
```
#21f5dd
```
#21f5dd rgb(33,245,221)
```
#21a3f5
```
#21a3f5 rgb(33,163,245)
```

Analogous Color

#f57321
```
#f57321 rgb(245,115,33)
```
#21f5dd
```
#21f5dd rgb(33,245,221)
```
#f521a3
```
#f521a3 rgb(245,33,163)
```

Split Complementary Color

#f5dd21
```
#f5dd21 rgb(245,221,33)
```
#21f5dd
```
#21f5dd rgb(33,245,221)
```
#dd21f5
```
#dd21f5 rgb(221,33,245)
```

Triadic Color

#39f521
```
#39f521 rgb(57,245,33)
```
#21f5dd
```
#21f5dd rgb(33,245,221)
```
#dd21f5
```
#dd21f5 rgb(221,33,245)
```
#f52139
```
#f52139 rgb(245,33,57)
```

Tetradic Color

#09c1ac
```
#09c1ac rgb(9,193,172)
```
#0ad9c2
```
#0ad9c2 rgb(10,217,194)
```
#0bf2d7
```
#0bf2d7 rgb(11,242,215)
```
#21f5dd
```
#21f5dd rgb(33,245,221)
```
#39f6e1
```
#39f6e1 rgb(57,246,225)
```
#52f7e4
```
#52f7e4 rgb(82,247,228)
```
#6af8e8
```
#6af8e8 rgb(106,248,232)
```

Monochromatic Color

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

#21f5a8
```
#21f5a8 rgb(33,245,168)
```
#21f5ba
```
#21f5ba rgb(33,245,186)
```
#21f5cb
```
#21f5cb rgb(33,245,203)
```
#21f5dd
```
#21f5dd rgb(33,245,221)
```
#21f5ef
```
#21f5ef rgb(33,245,239)
```
#21eaf5
```
#21eaf5 rgb(33,234,245)
```
#21d8f5
```
#21d8f5 rgb(33,216,245)
```

Similar Colors

Text with hexadecimal color #21f5dd

This text has a font color of #21f5dd.

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

#21f5dd background color

This paragraph has a background color of #21f5dd.

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

#21f5dd border color

This element has a border color of #21f5dd.

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

CSS codes

.text {color:#21f5dd;}

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

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

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

#000303
```
#000303 rgb(0,3,3)
```
#011614
```
#011614 rgb(1,22,20)
```
#022924
```
#022924 rgb(2,41,36)
```
#033c35
```
#033c35 rgb(3,60,53)
```
#044e46
```
#044e46 rgb(4,78,70)
```
#046157
```
#046157 rgb(4,97,87)
```
#057467
```
#057467 rgb(5,116,103)
```
#068778
```
#068778 rgb(6,135,120)
```
#079989
```
#079989 rgb(7,153,137)
```
#08ac9a
```
#08ac9a rgb(8,172,154)
```
#09bfaa
```
#09bfaa rgb(9,191,170)
```
#09d2bb
```
#09d2bb rgb(9,210,187)
```
#0ae4cc
```
#0ae4cc rgb(10,228,204)
```

Shade Color Variation

#0ef4da
```
#0ef4da rgb(14,244,218)
```
#21f5dd
```
#21f5dd rgb(33,245,221)
```
#34f6e0
```
#34f6e0 rgb(52,246,224)
```
#47f7e3
```
#47f7e3 rgb(71,247,227)
```
#59f8e6
```
#59f8e6 rgb(89,248,230)
```
#6cf8e8
```
#6cf8e8 rgb(108,248,232)
```
#7ff9eb
```
#7ff9eb rgb(127,249,235)
```
#92faee
```
#92faee rgb(146,250,238)
```
#a4fbf1
```
#a4fbf1 rgb(164,251,241)
```
#b7fcf4
```
#b7fcf4 rgb(183,252,244)
```
#cafdf7
```
#cafdf7 rgb(202,253,247)
```
#ddfdfa
```
#ddfdfa rgb(221,253,250)
```
#effefd
```
#effefd rgb(239,254,253)
```

Tint Color Variation

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

#839391
```
#839391 rgb(131,147,145)
```
#7a9c98
```
#7a9c98 rgb(122,156,152)
```
#71a59f
```
#71a59f rgb(113,165,159)
```
#68aea6
```
#68aea6 rgb(104,174,166)
```
#5fb7ad
```
#5fb7ad rgb(95,183,173)
```
#57bfb4
```
#57bfb4 rgb(87,191,180)
```
#4ec8ba
```
#4ec8ba rgb(78,200,186)
```
#45d1c1
```
#45d1c1 rgb(69,209,193)
```
#3cdac8
```
#3cdac8 rgb(60,218,200)
```
#33e3cf
```
#33e3cf rgb(51,227,207)
```
#2aecd6
```
#2aecd6 rgb(42,236,214)
```
#21f5dd
```
#21f5dd rgb(33,245,221)
```
#18fee4
```
#18fee4 rgb(24,254,228)
```

Tone Color Variation

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

#b3b3b3 Achromatopsia 0.005% of the population
#96c0bb Atypical Achromatopsia 0.001% of the population

Dichromacy

#e3dcd1 Protanopia 1% of men
#ebd6e9 Deuteranopia 1% of men
#6aeeff Tritanopia 0.001% of the population

Trichromacy

#9ce5d5 Protanomaly 1% of men, 0.01% of women
#a1e1e5 Deuteranomaly 6% of men, 0.4% of women
#4ff0f2 Tritanomaly 0.01% of the population

#21f5dd hex color

#21f5dd Color Information

#21f5dd Color Conversion

Color Schemes with #21f5dd

Alternatives to #21f5dd

#21f5dd Preview

Shades and Tints of #21f5dd

Tones of #21f5dd

Color Blindness Simulator