#21bddd hex color

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

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

● #21bddd color description : Vivid cyan.

The hexadecimal color #21bddd has RGB values of R:33, G:189, B:221 and CMYK values of C:0.85, M:0.14, Y:0, K:0.13. Its decimal value is 2211293.

Hex triplet	21bddd	`#21bddd`
RGB Decimal	33, 189, 221	`rgb(33,189,221)`
RGB Percent	12.9, 74.1, 86.7	`rgb(12.9%,74.1%,86.7%)`
CMYK	85, 14, 0, 13
HSL	190.2°, 74, 49.8	`hsl(190.2,74%,49.8%)`
HSV (or HSB)	190.2°, 85.1, 86.7
Web Safe	33cccc	`#33cccc`

CIE-LAB	70.827, -26.881, -26.785
XYZ	31.872, 41.936, 74.817
xyY	0.214, 0.282, 41.936
CIE-LCH	70.827, 37.947, 224.898
CIE-LUV	70.827, -49.576, -38.712
Hunter-Lab	64.758, -25.473, -23.169
Binary	00100001, 10111101, 11011101

#21bddd
```
#21bddd rgb(33,189,221)
```
#dd4121
```
#dd4121 rgb(221,65,33)
```

Complementary Color

#21dd9f
```
#21dd9f rgb(33,221,159)
```
#21bddd
```
#21bddd rgb(33,189,221)
```
#215fdd
```
#215fdd rgb(33,95,221)
```

Analogous Color

#dd9f21
```
#dd9f21 rgb(221,159,33)
```
#21bddd
```
#21bddd rgb(33,189,221)
```
#dd215f
```
#dd215f rgb(221,33,95)
```

Split Complementary Color

#bddd21
```
#bddd21 rgb(189,221,33)
```
#21bddd
```
#21bddd rgb(33,189,221)
```
#dd21bd
```
#dd21bd rgb(221,33,189)
```

Triadic Color

#21dd41
```
#21dd41 rgb(33,221,65)
```
#21bddd
```
#21bddd rgb(33,189,221)
```
#dd21bd
```
#dd21bd rgb(221,33,189)
```
#dd4121
```
#dd4121 rgb(221,65,33)
```

Tetradic Color

#17849a
```
#17849a rgb(23,132,154)
```
#1a97b1
```
#1a97b1 rgb(26,151,177)
```
#1eaac7
```
#1eaac7 rgb(30,170,199)
```
#21bddd
```
#21bddd rgb(33,189,221)
```
#36c4e1
```
#36c4e1 rgb(54,196,225)
```
#4dcbe4
```
#4dcbe4 rgb(77,203,228)
```
#63d1e8
```
#63d1e8 rgb(99,209,232)
```

Monochromatic Color

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

#21ddce
```
#21ddce rgb(33,221,206)
```
#21dcdd
```
#21dcdd rgb(33,220,221)
```
#21cddd
```
#21cddd rgb(33,205,221)
```
#21bddd
```
#21bddd rgb(33,189,221)
```
#21addd
```
#21addd rgb(33,173,221)
```
#219edd
```
#219edd rgb(33,158,221)
```
#218edd
```
#218edd rgb(33,142,221)
```

Similar Colors

Text with hexadecimal color #21bddd

This text has a font color of #21bddd.

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

#21bddd background color

This paragraph has a background color of #21bddd.

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

#21bddd border color

This element has a border color of #21bddd.

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

CSS codes

.text {color:#21bddd;}

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

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

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)
```
#0a3a43
```
#0a3a43 rgb(10,58,67)
```
#0d4854
```
#0d4854 rgb(13,72,84)
```
#0f5766
```
#0f5766 rgb(15,87,102)
```
#126577
```
#126577 rgb(18,101,119)
```
#147488
```
#147488 rgb(20,116,136)
```
#178399
```
#178399 rgb(23,131,153)
```
#1991aa
```
#1991aa rgb(25,145,170)
```
#1ca0bb
```
#1ca0bb rgb(28,160,187)
```
#1eaecc
```
#1eaecc rgb(30,174,204)
```
#21bddd
```
#21bddd rgb(33,189,221)
```

Shade Color Variation

#31c3e0
```
#31c3e0 rgb(49,195,224)
```
#42c8e3
```
#42c8e3 rgb(66,200,227)
```
#53cde5
```
#53cde5 rgb(83,205,229)
```
#65d2e8
```
#65d2e8 rgb(101,210,232)
```
#76d7ea
```
#76d7ea rgb(118,215,234)
```
#87dced
```
#87dced rgb(135,220,237)
```
#98e1f0
```
#98e1f0 rgb(152,225,240)
```
#a9e6f2
```
#a9e6f2 rgb(169,230,242)
```
#baebf5
```
#baebf5 rgb(186,235,245)
```
#cbf0f7
```
#cbf0f7 rgb(203,240,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 #04d0fa 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)
```
#529dac
```
#529dac rgb(82,157,172)
```
#48a3b6
```
#48a3b6 rgb(72,163,182)
```
#3eaac0
```
#3eaac0 rgb(62,170,192)
```
#35b0c9
```
#35b0c9 rgb(53,176,201)
```
#2bb7d3
```
#2bb7d3 rgb(43,183,211)
```
#21bddd
```
#21bddd rgb(33,189,221)
```
#17c3e7
```
#17c3e7 rgb(23,195,231)
```
#0dcaf1
```
#0dcaf1 rgb(13,202,241)
```
#04d0fa
```
#04d0fa rgb(4,208,250)
```

Tone Color Variation

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

#929292 Achromatopsia 0.005% of the population
#7b9ba1 Atypical Achromatopsia 0.001% of the population

Dichromacy

#a8afd4 Protanopia 1% of men
#a3afe5 Deuteranopia 1% of men
#00c2d0 Tritanopia 0.001% of the population

Trichromacy

#77b4d7 Protanomaly 1% of men, 0.01% of women
#74b4e2 Deuteranomaly 6% of men, 0.4% of women
#0cc0d5 Tritanomaly 0.01% of the population

#21bddd hex color

#21bddd Color Information

#21bddd Color Conversion

Color Schemes with #21bddd

Alternatives to #21bddd

#21bddd Preview

Shades and Tints of #21bddd

Tones of #21bddd

Color Blindness Simulator