#21bcdd hex color

In a RGB color space, hex #21bcdd is composed of 12.9% red, 73.7% green and 86.7% blue. Whereas in a CMYK color space, it is composed of 85.1% cyan, 14.9% magenta, 0% yellow and 13.3% black. It has a hue angle of 190.5 degrees, a saturation of 74% and a lightness of 49.8%. #21bcdd color hex could be obtained by blending #42ffff with #0079bb. Closest websafe color is: #33cccc.

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

● #21bcdd color description : Vivid cyan.

The hexadecimal color #21bcdd has RGB values of R:33, G:188, B:221 and CMYK values of C:0.85, M:0.15, Y:0, K:0.13. Its decimal value is 2211037.

Hex triplet	21bcdd	`#21bcdd`
RGB Decimal	33, 188, 221	`rgb(33,188,221)`
RGB Percent	12.9, 73.7, 86.7	`rgb(12.9%,73.7%,86.7%)`
CMYK	85, 15, 0, 13
HSL	190.5°, 74, 49.8	`hsl(190.5,74%,49.8%)`
HSV (or HSB)	190.5°, 85.1, 86.7
Web Safe	33cccc	`#33cccc`

CIE-LAB	70.53, -26.382, -27.241
XYZ	31.658, 41.507, 74.746
xyY	0.214, 0.281, 41.507
CIE-LCH	70.53, 37.922, 225.918
CIE-LUV	70.53, -49.232, -39.525
Hunter-Lab	64.426, -25.034, -23.689
Binary	00100001, 10111100, 11011101

#21bcdd
```
#21bcdd rgb(33,188,221)
```
#dd4221
```
#dd4221 rgb(221,66,33)
```

Complementary Color

#21dda0
```
#21dda0 rgb(33,221,160)
```
#21bcdd
```
#21bcdd rgb(33,188,221)
```
#215edd
```
#215edd rgb(33,94,221)
```

Analogous Color

#dda021
```
#dda021 rgb(221,160,33)
```
#21bcdd
```
#21bcdd rgb(33,188,221)
```
#dd215e
```
#dd215e rgb(221,33,94)
```

Split Complementary Color

#bcdd21
```
#bcdd21 rgb(188,221,33)
```
#21bcdd
```
#21bcdd rgb(33,188,221)
```
#dd21bc
```
#dd21bc rgb(221,33,188)
```

Triadic Color

#21dd42
```
#21dd42 rgb(33,221,66)
```
#21bcdd
```
#21bcdd rgb(33,188,221)
```
#dd21bc
```
#dd21bc rgb(221,33,188)
```
#dd4221
```
#dd4221 rgb(221,66,33)
```

Tetradic Color

#17839a
```
#17839a rgb(23,131,154)
```
#1a96b1
```
#1a96b1 rgb(26,150,177)
```
#1ea9c7
```
#1ea9c7 rgb(30,169,199)
```
#21bcdd
```
#21bcdd rgb(33,188,221)
```
#36c3e1
```
#36c3e1 rgb(54,195,225)
```
#4dcae4
```
#4dcae4 rgb(77,202,228)
```
#63d0e8
```
#63d0e8 rgb(99,208,232)
```

Monochromatic Color

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

#21ddcf
```
#21ddcf rgb(33,221,207)
```
#21dbdd
```
#21dbdd rgb(33,219,221)
```
#21ccdd
```
#21ccdd rgb(33,204,221)
```
#21bcdd
```
#21bcdd rgb(33,188,221)
```
#21acdd
```
#21acdd rgb(33,172,221)
```
#219ddd
```
#219ddd rgb(33,157,221)
```
#218ddd
```
#218ddd rgb(33,141,221)
```

Similar Colors

Text with hexadecimal color #21bcdd

This text has a font color of #21bcdd.

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

#21bcdd background color

This paragraph has a background color of #21bcdd.

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

#21bcdd border color

This element has a border color of #21bcdd.

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

CSS codes

.text {color:#21bcdd;}

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

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

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, #020e10 is the darkest color, while #feffff is the lightest one.

#020e10
```
#020e10 rgb(2,14,16)
```
#051c21
```
#051c21 rgb(5,28,33)
```
#082b32
```
#082b32 rgb(8,43,50)
```
#0a3943
```
#0a3943 rgb(10,57,67)
```
#0d4854
```
#0d4854 rgb(13,72,84)
```
#0f5666
```
#0f5666 rgb(15,86,102)
```
#126577
```
#126577 rgb(18,101,119)
```
#147388
```
#147388 rgb(20,115,136)
```
#178299
```
#178299 rgb(23,130,153)
```
#1990aa
```
#1990aa rgb(25,144,170)
```
#1c9fbb
```
#1c9fbb rgb(28,159,187)
```
#1eadcc
```
#1eadcc rgb(30,173,204)
```
#21bcdd
```
#21bcdd rgb(33,188,221)
```

Shade Color Variation

#31c2e0
```
#31c2e0 rgb(49,194,224)
```
#42c7e3
```
#42c7e3 rgb(66,199,227)
```
#53cce5
```
#53cce5 rgb(83,204,229)
```
#65d1e8
```
#65d1e8 rgb(101,209,232)
```
#76d6ea
```
#76d6ea rgb(118,214,234)
```
#87dbed
```
#87dbed rgb(135,219,237)
```
#98e0f0
```
#98e0f0 rgb(152,224,240)
```
#a9e5f2
```
#a9e5f2 rgb(169,229,242)
```
#baeaf5
```
#baeaf5 rgb(186,234,245)
```
#cbeff7
```
#cbeff7 rgb(203,239,247)
```
#dcf5fa
```
#dcf5fa rgb(220,245,250)
```
#edfafc
```
#edfafc rgb(237,250,252)
```
#feffff
```
#feffff rgb(254,255,255)
```

Tint Color Variation

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

#798385
```
#798385 rgb(121,131,133)
```
#6f898f
```
#6f898f rgb(111,137,143)
```
#659099
```
#659099 rgb(101,144,153)
```
#5c96a2
```
#5c96a2 rgb(92,150,162)
```
#529cac
```
#529cac rgb(82,156,172)
```
#48a3b6
```
#48a3b6 rgb(72,163,182)
```
#3ea9c0
```
#3ea9c0 rgb(62,169,192)
```
#35afc9
```
#35afc9 rgb(53,175,201)
```
#2bb6d3
```
#2bb6d3 rgb(43,182,211)
```
#21bcdd
```
#21bcdd rgb(33,188,221)
```
#17c2e7
```
#17c2e7 rgb(23,194,231)
```
#0dc9f1
```
#0dc9f1 rgb(13,201,241)
```
#04cffa
```
#04cffa rgb(4,207,250)
```

Tone Color Variation

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

#919191 Achromatopsia 0.005% of the population
#7b9aa0 Atypical Achromatopsia 0.001% of the population

Dichromacy

#a7afd4 Protanopia 1% of men
#a2aee5 Deuteranopia 1% of men
#00c1d0 Tritanopia 0.001% of the population

Trichromacy

#76b3d7 Protanomaly 1% of men, 0.01% of women
#73b3e2 Deuteranomaly 6% of men, 0.4% of women
#0cbfd4 Tritanomaly 0.01% of the population

#21bcdd hex color

#21bcdd Color Information

#21bcdd Color Conversion

Color Schemes with #21bcdd

Alternatives to #21bcdd

#21bcdd Preview

Shades and Tints of #21bcdd

Tones of #21bcdd

Color Blindness Simulator