#21cbde hex color

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

♥
- f
- t
- g
- R 13
- G 80
- B 87
RGB color chart
- C 85
- M 9
- Y 0
- K 13
CMYK color chart

● #21cbde color description : Vivid cyan.

The hexadecimal color #21cbde has RGB values of R:33, G:203, B:222 and CMYK values of C:0.85, M:0.09, Y:0, K:0.13. Its decimal value is 2214878.

Hex triplet	21cbde	`#21cbde`
RGB Decimal	33, 203, 222	`rgb(33,203,222)`
RGB Percent	12.9, 79.6, 87.1	`rgb(12.9%,79.6%,87.1%)`
CMYK	85, 9, 0, 13
HSL	186°, 74.1, 50	`hsl(186,74.1%,50%)`
HSV (or HSB)	186°, 85.1, 87.1
Web Safe	33cccc	`#33cccc`

CIE-LAB	75.017, -33.374, -20.93
XYZ	35.164, 48.306, 76.574
xyY	0.22, 0.302, 48.306
CIE-LCH	75.017, 39.395, 212.093
CIE-LUV	75.017, -54.307, -28.241
Hunter-Lab	69.502, -31.318, -16.671
Binary	00100001, 11001011, 11011110

#21cbde
```
#21cbde rgb(33,203,222)
```
#de3421
```
#de3421 rgb(222,52,33)
```

Complementary Color

#21de93
```
#21de93 rgb(33,222,147)
```
#21cbde
```
#21cbde rgb(33,203,222)
```
#216dde
```
#216dde rgb(33,109,222)
```

Analogous Color

#de9321
```
#de9321 rgb(222,147,33)
```
#21cbde
```
#21cbde rgb(33,203,222)
```
#de216d
```
#de216d rgb(222,33,109)
```

Split Complementary Color

#cbde21
```
#cbde21 rgb(203,222,33)
```
#21cbde
```
#21cbde rgb(33,203,222)
```
#de21cb
```
#de21cb rgb(222,33,203)
```

Triadic Color

#21de34
```
#21de34 rgb(33,222,52)
```
#21cbde
```
#21cbde rgb(33,203,222)
```
#de21cb
```
#de21cb rgb(222,33,203)
```
#de3421
```
#de3421 rgb(222,52,33)
```

Tetradic Color

#178e9b
```
#178e9b rgb(23,142,155)
```
#1aa2b2
```
#1aa2b2 rgb(26,162,178)
```
#1eb7c8
```
#1eb7c8 rgb(30,183,200)
```
#21cbde
```
#21cbde rgb(33,203,222)
```
#37d0e1
```
#37d0e1 rgb(55,208,225)
```
#4dd5e5
```
#4dd5e5 rgb(77,213,229)
```
#64dbe8
```
#64dbe8 rgb(100,219,232)
```

Monochromatic Color

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

#21dec2
```
#21dec2 rgb(33,222,194)
```
#21ded2
```
#21ded2 rgb(33,222,210)
```
#21dbde
```
#21dbde rgb(33,219,222)
```
#21cbde
```
#21cbde rgb(33,203,222)
```
#21bbde
```
#21bbde rgb(33,187,222)
```
#21acde
```
#21acde rgb(33,172,222)
```
#219cde
```
#219cde rgb(33,156,222)
```

Similar Colors

Text with hexadecimal color #21cbde

This text has a font color of #21cbde.

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

#21cbde background color

This paragraph has a background color of #21cbde.

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

#21cbde border color

This element has a border color of #21cbde.

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

CSS codes

.text {color:#21cbde;}

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

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

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)
```
#051f22
```
#051f22 rgb(5,31,34)
```
#082f33
```
#082f33 rgb(8,47,51)
```
#0a3e44
```
#0a3e44 rgb(10,62,68)
```
#0d4e55
```
#0d4e55 rgb(13,78,85)
```
#0f5e66
```
#0f5e66 rgb(15,94,102)
```
#126d78
```
#126d78 rgb(18,109,120)
```
#147d89
```
#147d89 rgb(20,125,137)
```
#178d9a
```
#178d9a rgb(23,141,154)
```
#199cab
```
#199cab rgb(25,156,171)
```
#1cacbc
```
#1cacbc rgb(28,172,188)
```
#1ebbcd
```
#1ebbcd rgb(30,187,205)
```
#21cbde
```
#21cbde rgb(33,203,222)
```

Shade Color Variation

#32cfe1
```
#32cfe1 rgb(50,207,225)
```
#43d3e3
```
#43d3e3 rgb(67,211,227)
```
#54d7e6
```
#54d7e6 rgb(84,215,230)
```
#65dbe8
```
#65dbe8 rgb(101,219,232)
```
#76dfeb
```
#76dfeb rgb(118,223,235)
```
#87e3ed
```
#87e3ed rgb(135,227,237)
```
#99e7f0
```
#99e7f0 rgb(153,231,240)
```
#aaebf2
```
#aaebf2 rgb(170,235,242)
```
#bbeff5
```
#bbeff5 rgb(187,239,245)
```
#ccf3f7
```
#ccf3f7 rgb(204,243,247)
```
#ddf7fa
```
#ddf7fa rgb(221,247,250)
```
#eefbfc
```
#eefbfc rgb(238,251,252)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Tint Color Variation

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

#798486
```
#798486 rgb(121,132,134)
```
#6f8c90
```
#6f8c90 rgb(111,140,144)
```
#669499
```
#669499 rgb(102,148,153)
```
#5c9ca3
```
#5c9ca3 rgb(92,156,163)
```
#52a4ad
```
#52a4ad rgb(82,164,173)
```
#48acb7
```
#48acb7 rgb(72,172,183)
```
#3eb3c1
```
#3eb3c1 rgb(62,179,193)
```
#35bbca
```
#35bbca rgb(53,187,202)
```
#2bc3d4
```
#2bc3d4 rgb(43,195,212)
```
#21cbde
```
#21cbde rgb(33,203,222)
```
#17d3e8
```
#17d3e8 rgb(23,211,232)
```
#0ddbf2
```
#0ddbf2 rgb(13,219,242)
```
#04e3fb
```
#04e3fb rgb(4,227,251)
```

Tone Color Variation

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

#9a9a9a Achromatopsia 0.005% of the population
#82a4a8 Atypical Achromatopsia 0.001% of the population

Dichromacy

#b7bad4 Protanopia 1% of men
#b6b8e7 Deuteranopia 1% of men
#28cedd Tritanopia 0.001% of the population

Trichromacy

#81c0d7 Protanomaly 1% of men, 0.01% of women
#7fbfe4 Deuteranomaly 6% of men, 0.4% of women
#25ccdd Tritanomaly 0.01% of the population

#21cbde hex color

#21cbde Color Information

#21cbde Color Conversion

Color Schemes with #21cbde

Alternatives to #21cbde

#21cbde Preview

Shades and Tints of #21cbde

Tones of #21cbde

Color Blindness Simulator