#21f9de hex color

In a RGB color space, hex #21f9de is composed of 12.9% red, 97.6% green and 87.1% blue. Whereas in a CMYK color space, it is composed of 86.7% cyan, 0% magenta, 10.8% yellow and 2.4% black. It has a hue angle of 172.5 degrees, a saturation of 94.7% and a lightness of 55.3%. #21f9de color hex could be obtained by blending #42ffff with #00f3bd. Closest websafe color is: #33ffcc.

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

● #21f9de color description : Vivid cyan.

The hexadecimal color #21f9de has RGB values of R:33, G:249, B:222 and CMYK values of C:0.87, M:0, Y:0.11, K:0.02. Its decimal value is 2226654.

Hex triplet	21f9de	`#21f9de`
RGB Decimal	33, 249, 222	`rgb(33,249,222)`
RGB Percent	12.9, 97.6, 87.1	`rgb(12.9%,97.6%,87.1%)`
CMYK	87, 0, 11, 2
HSL	172.5°, 94.7, 55.3	`hsl(172.5,94.7%,55.3%)`
HSV (or HSB)	172.5°, 86.7, 97.6
Web Safe	33ffcc	`#33ffcc`

CIE-LAB	88.611, -53.617, -0.666
XYZ	47.683, 73.344, 80.747
xyY	0.236, 0.363, 73.344
CIE-LCH	88.611, 53.621, 180.712
CIE-LUV	88.611, -69.843, 7.515
Hunter-Lab	85.641, -50.486, 4.047
Binary	00100001, 11111001, 11011110

#21f9de
```
#21f9de rgb(33,249,222)
```
#f9213c
```
#f9213c rgb(249,33,60)
```

Complementary Color

#21f972
```
#21f972 rgb(33,249,114)
```
#21f9de
```
#21f9de rgb(33,249,222)
```
#21a8f9
```
#21a8f9 rgb(33,168,249)
```

Analogous Color

#f97221
```
#f97221 rgb(249,114,33)
```
#21f9de
```
#21f9de rgb(33,249,222)
```
#f921a8
```
#f921a8 rgb(249,33,168)
```

Split Complementary Color

#f9de21
```
#f9de21 rgb(249,222,33)
```
#21f9de
```
#21f9de rgb(33,249,222)
```
#de21f9
```
#de21f9 rgb(222,33,249)
```

Triadic Color

#3cf921
```
#3cf921 rgb(60,249,33)
```
#21f9de
```
#21f9de rgb(33,249,222)
```
#de21f9
```
#de21f9 rgb(222,33,249)
```
#f9213c
```
#f9213c rgb(249,33,60)
```

Tetradic Color

#05c8b0
```
#05c8b0 rgb(5,200,176)
```
#06e1c6
```
#06e1c6 rgb(6,225,198)
```
#08f8da
```
#08f8da rgb(8,248,218)
```
#21f9de
```
#21f9de rgb(33,249,222)
```
#3afae2
```
#3afae2 rgb(58,250,226)
```
#53fae5
```
#53fae5 rgb(83,250,229)
```
#6bfbe9
```
#6bfbe9 rgb(107,251,233)
```

Monochromatic Color

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

#21f9a8
```
#21f9a8 rgb(33,249,168)
```
#21f9ba
```
#21f9ba rgb(33,249,186)
```
#21f9cc
```
#21f9cc rgb(33,249,204)
```
#21f9de
```
#21f9de rgb(33,249,222)
```
#21f9f0
```
#21f9f0 rgb(33,249,240)
```
#21f0f9
```
#21f0f9 rgb(33,240,249)
```
#21def9
```
#21def9 rgb(33,222,249)
```

Similar Colors

Text with hexadecimal color #21f9de

This text has a font color of #21f9de.

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

#21f9de background color

This paragraph has a background color of #21f9de.

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

#21f9de border color

This element has a border color of #21f9de.

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

CSS codes

.text {color:#21f9de;}

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

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

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)
```
#011a17
```
#011a17 rgb(1,26,23)
```
#012d28
```
#012d28 rgb(1,45,40)
```
#024039
```
#024039 rgb(2,64,57)
```
#025449
```
#025449 rgb(2,84,73)
```
#03675a
```
#03675a rgb(3,103,90)
```
#037a6b
```
#037a6b rgb(3,122,107)
```
#048d7c
```
#048d7c rgb(4,141,124)
```
#04a08d
```
#04a08d rgb(4,160,141)
```
#05b39d
```
#05b39d rgb(5,179,157)
```
#05c6ae
```
#05c6ae rgb(5,198,174)
```
#06d9bf
```
#06d9bf rgb(6,217,191)
```
#06ecd0
```
#06ecd0 rgb(6,236,208)
```

Shade Color Variation

#0ef8db
```
#0ef8db rgb(14,248,219)
```
#21f9de
```
#21f9de rgb(33,249,222)
```
#34fae1
```
#34fae1 rgb(52,250,225)
```
#47fae4
```
#47fae4 rgb(71,250,228)
```
#5afbe7
```
#5afbe7 rgb(90,251,231)
```
#6dfbe9
```
#6dfbe9 rgb(109,251,233)
```
#80fcec
```
#80fcec rgb(128,252,236)
```
#94fcef
```
#94fcef rgb(148,252,239)
```
#a7fdf2
```
#a7fdf2 rgb(167,253,242)
```
#bafdf5
```
#bafdf5 rgb(186,253,245)
```
#cdfef8
```
#cdfef8 rgb(205,254,248)
```
#e0fefa
```
#e0fefa rgb(224,254,250)
```
#f3fffd
```
#f3fffd rgb(243,255,253)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #8a908f is the less saturated color, while #21f9de is the most saturated one.

#8a908f
```
#8a908f rgb(138,144,143)
```
#819996
```
#819996 rgb(129,153,150)
```
#79a19c
```
#79a19c rgb(121,161,156)
```
#70aaa3
```
#70aaa3 rgb(112,170,163)
```
#67b3a9
```
#67b3a9 rgb(103,179,169)
```
#5ebcb0
```
#5ebcb0 rgb(94,188,176)
```
#56c4b7
```
#56c4b7 rgb(86,196,183)
```
#4dcdbd
```
#4dcdbd rgb(77,205,189)
```
#44d6c4
```
#44d6c4 rgb(68,214,196)
```
#3bdfca
```
#3bdfca rgb(59,223,202)
```
#33e7d1
```
#33e7d1 rgb(51,231,209)
```
#2af0d7
```
#2af0d7 rgb(42,240,215)
```
#21f9de
```
#21f9de rgb(33,249,222)
```

Tone Color Variation

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

#b5b5b5 Achromatopsia 0.005% of the population
#97c3bd Atypical Achromatopsia 0.001% of the population

Dichromacy

#e7dfd2 Protanopia 1% of men
#efd9eb Deuteranopia 1% of men
#81f0ff Tritanopia 0.001% of the population

Trichromacy

#9fe8d6 Protanomaly 1% of men, 0.01% of women
#a4e5e6 Deuteranomaly 6% of men, 0.4% of women
#5ef3f3 Tritanomaly 0.01% of the population

#21f9de hex color

#21f9de Color Information

#21f9de Color Conversion

Color Schemes with #21f9de

Alternatives to #21f9de

#21f9de Preview

Shades and Tints of #21f9de

Tones of #21f9de

Color Blindness Simulator