colorhexa.com

#21d2de hex color

In a RGB color space, hex #21d2de is composed of 12.9% red, 82.4% green and 87.1% blue. Whereas in a CMYK color space, it is composed of 85.1% cyan, 5.4% magenta, 0% yellow and 12.9% black. It has a hue angle of 183.8 degrees, a saturation of 74.1% and a lightness of 50%. #21d2de color hex could be obtained by blending #42ffff with #00a5bd. Closest websafe color is: #33cccc.

- R 13
- G 82
- B 87
RGB color chart
- C 85
- M 5
- Y 0
- K 13
CMYK color chart

● #21d2de color description : Vivid cyan.

The hexadecimal color #21d2de has RGB values of R:33, G:210, B:222 and CMYK values of C:0.85, M:0.05, Y:0, K:0.13. Its decimal value is 2216670.

Hex triplet	21d2de	`#21d2de`
RGB Decimal	33, 210, 222	`rgb(33,210,222)`
RGB Percent	12.9, 82.4, 87.1	`rgb(12.9%,82.4%,87.1%)`
CMYK	85, 5, 0, 13
HSL	183.8°, 74.1, 50	`hsl(183.8,74.1%,50%)`
HSV (or HSB)	183.8°, 85.1, 87.1
Web Safe	33cccc	`#33cccc`

CIE-LAB	77.093, -36.66, -17.786
XYZ	36.855, 51.687, 77.137
xyY	0.222, 0.312, 51.687
CIE-LCH	77.093, 40.747, 205.882
CIE-LUV	77.093, -56.701, -22.626
Hunter-Lab	71.894, -34.309, -13.289
Binary	00100001, 11010010, 11011110

#21d2de
```
#21d2de rgb(33,210,222)
```
#de2d21
```
#de2d21 rgb(222,45,33)
```

Complementary Color

#21de8c
```
#21de8c rgb(33,222,140)
```
#21d2de
```
#21d2de rgb(33,210,222)
```
#2174de
```
#2174de rgb(33,116,222)
```

Analogous Color

#de8c21
```
#de8c21 rgb(222,140,33)
```
#21d2de
```
#21d2de rgb(33,210,222)
```
#de2174
```
#de2174 rgb(222,33,116)
```

Split Complementary Color

#d2de21
```
#d2de21 rgb(210,222,33)
```
#21d2de
```
#21d2de rgb(33,210,222)
```
#de21d2
```
#de21d2 rgb(222,33,210)
```

Triadic Color

#21de2d
```
#21de2d rgb(33,222,45)
```
#21d2de
```
#21d2de rgb(33,210,222)
```
#de21d2
```
#de21d2 rgb(222,33,210)
```
#de2d21
```
#de2d21 rgb(222,45,33)
```

Tetradic Color

#17939b
```
#17939b rgb(23,147,155)
```
#1aa8b2
```
#1aa8b2 rgb(26,168,178)
```
#1ebdc8
```
#1ebdc8 rgb(30,189,200)
```
#21d2de
```
#21d2de rgb(33,210,222)
```
#37d7e1
```
#37d7e1 rgb(55,215,225)
```
#4ddbe5
```
#4ddbe5 rgb(77,219,229)
```
#64e0e8
```
#64e0e8 rgb(100,224,232)
```

Monochromatic Color

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

#21debb
```
#21debb rgb(33,222,187)
```
#21decb
```
#21decb rgb(33,222,203)
```
#21deda
```
#21deda rgb(33,222,218)
```
#21d2de
```
#21d2de rgb(33,210,222)
```
#21c2de
```
#21c2de rgb(33,194,222)
```
#21b3de
```
#21b3de rgb(33,179,222)
```
#21a3de
```
#21a3de rgb(33,163,222)
```

Similar Colors

Text with hexadecimal color #21d2de

This text has a font color of #21d2de.

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

#21d2de background color

This paragraph has a background color of #21d2de.

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

#21d2de border color

This element has a border color of #21d2de.

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

CSS codes

.text {color:#21d2de;}

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

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

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

#031011
```
#031011 rgb(3,16,17)
```
#052022
```
#052022 rgb(5,32,34)
```
#083033
```
#083033 rgb(8,48,51)
```
#0a4144
```
#0a4144 rgb(10,65,68)
```
#0d5155
```
#0d5155 rgb(13,81,85)
```
#0f6166
```
#0f6166 rgb(15,97,102)
```
#127178
```
#127178 rgb(18,113,120)
```
#148189
```
#148189 rgb(20,129,137)
```
#17919a
```
#17919a rgb(23,145,154)
```
#19a2ab
```
#19a2ab rgb(25,162,171)
```
#1cb2bc
```
#1cb2bc rgb(28,178,188)
```
#1ec2cd
```
#1ec2cd rgb(30,194,205)
```
#21d2de
```
#21d2de rgb(33,210,222)
```

Shade Color Variation

#32d5e1
```
#32d5e1 rgb(50,213,225)
```
#43d9e3
```
#43d9e3 rgb(67,217,227)
```
#54dce6
```
#54dce6 rgb(84,220,230)
```
#65e0e8
```
#65e0e8 rgb(101,224,232)
```
#76e3eb
```
#76e3eb rgb(118,227,235)
```
#87e7ed
```
#87e7ed rgb(135,231,237)
```
#99eaf0
```
#99eaf0 rgb(153,234,240)
```
#aaeef2
```
#aaeef2 rgb(170,238,242)
```
#bbf1f5
```
#bbf1f5 rgb(187,241,245)
```
#ccf5f7
```
#ccf5f7 rgb(204,245,247)
```
#ddf8fa
```
#ddf8fa rgb(221,248,250)
```
#eefcfc
```
#eefcfc rgb(238,252,252)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Tint Color Variation

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

#798586
```
#798586 rgb(121,133,134)
```
#6f8e90
```
#6f8e90 rgb(111,142,144)
```
#669699
```
#669699 rgb(102,150,153)
```
#5c9fa3
```
#5c9fa3 rgb(92,159,163)
```
#52a7ad
```
#52a7ad rgb(82,167,173)
```
#48b0b7
```
#48b0b7 rgb(72,176,183)
```
#3eb8c1
```
#3eb8c1 rgb(62,184,193)
```
#35c1ca
```
#35c1ca rgb(53,193,202)
```
#2bc9d4
```
#2bc9d4 rgb(43,201,212)
```
#21d2de
```
#21d2de rgb(33,210,222)
```
#17dbe8
```
#17dbe8 rgb(23,219,232)
```
#0de3f2
```
#0de3f2 rgb(13,227,242)
```
#04ecfb
```
#04ecfb rgb(4,236,251)
```

Tone Color Variation

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

#9e9e9e Achromatopsia 0.005% of the population
#85a8ab Atypical Achromatopsia 0.001% of the population

Dichromacy

#bfc0d3 Protanopia 1% of men
#bfbde8 Deuteranopia 1% of men
#32d3e3 Tritanopia 0.001% of the population

Trichromacy

#85c6d7 Protanomaly 1% of men, 0.01% of women
#85c5e4 Deuteranomaly 6% of men, 0.4% of women
#2bd3e1 Tritanomaly 0.01% of the population