#21b4eb hex color

In a RGB color space, hex #21b4eb is composed of 12.9% red, 70.6% green and 92.2% blue. Whereas in a CMYK color space, it is composed of 86% cyan, 23.4% magenta, 0% yellow and 7.8% black. It has a hue angle of 196.3 degrees, a saturation of 83.5% and a lightness of 52.5%. #21b4eb color hex could be obtained by blending #42ffff with #0069d7. Closest websafe color is: #33ccff.

♥
- f
- t
- g
- R 13
- G 71
- B 92
RGB color chart
- C 86
- M 23
- Y 0
- K 8
CMYK color chart

● #21b4eb color description : Vivid blue.

The hexadecimal color #21b4eb has RGB values of R:33, G:180, B:235 and CMYK values of C:0.86, M:0.23, Y:0, K:0.08. Its decimal value is 2209003.

Hex triplet	21b4eb	`#21b4eb`
RGB Decimal	33, 180, 235	`rgb(33,180,235)`
RGB Percent	12.9, 70.6, 92.2	`rgb(12.9%,70.6%,92.2%)`
CMYK	86, 23, 0, 8
HSL	196.3°, 83.5, 52.5	`hsl(196.3,83.5%,52.5%)`
HSV (or HSB)	196.3°, 86, 92.2
Web Safe	33ccff	`#33ccff`

CIE-LAB	68.723, -17.568, -37.668
XYZ	31.94, 38.961, 84.43
xyY	0.206, 0.251, 38.961
CIE-LCH	68.723, 41.563, 244.996
CIE-LUV	68.723, -45.5, -58.184
Hunter-Lab	62.419, -17.894, -36.504
Binary	00100001, 10110100, 11101011

#21b4eb
```
#21b4eb rgb(33,180,235)
```
#eb5821
```
#eb5821 rgb(235,88,33)
```

Complementary Color

#21ebbd
```
#21ebbd rgb(33,235,189)
```
#21b4eb
```
#21b4eb rgb(33,180,235)
```
#214feb
```
#214feb rgb(33,79,235)
```

Analogous Color

#ebbd21
```
#ebbd21 rgb(235,189,33)
```
#21b4eb
```
#21b4eb rgb(33,180,235)
```
#eb214f
```
#eb214f rgb(235,33,79)
```

Split Complementary Color

#b4eb21
```
#b4eb21 rgb(180,235,33)
```
#21b4eb
```
#21b4eb rgb(33,180,235)
```
#eb21b4
```
#eb21b4 rgb(235,33,180)
```

Triadic Color

#21eb58
```
#21eb58 rgb(33,235,88)
```
#21b4eb
```
#21b4eb rgb(33,180,235)
```
#eb21b4
```
#eb21b4 rgb(235,33,180)
```
#eb5821
```
#eb5821 rgb(235,88,33)
```

Tetradic Color

#1084b0
```
#1084b0 rgb(16,132,176)
```
#1296c7
```
#1296c7 rgb(18,150,199)
```
#14a7de
```
#14a7de rgb(20,167,222)
```
#21b4eb
```
#21b4eb rgb(33,180,235)
```
#38bced
```
#38bced rgb(56,188,237)
```
#50c4ef
```
#50c4ef rgb(80,196,239)
```
#67ccf1
```
#67ccf1 rgb(103,204,241)
```

Monochromatic Color

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

#21e7eb
```
#21e7eb rgb(33,231,235)
```
#21d6eb
```
#21d6eb rgb(33,214,235)
```
#21c5eb
```
#21c5eb rgb(33,197,235)
```
#21b4eb
```
#21b4eb rgb(33,180,235)
```
#21a3eb
```
#21a3eb rgb(33,163,235)
```
#2192eb
```
#2192eb rgb(33,146,235)
```
#2182eb
```
#2182eb rgb(33,130,235)
```

Similar Colors

Text with hexadecimal color #21b4eb

This text has a font color of #21b4eb.

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

#21b4eb background color

This paragraph has a background color of #21b4eb.

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

#21b4eb border color

This element has a border color of #21b4eb.

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

CSS codes

.text {color:#21b4eb;}

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

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

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, #01090c is the darkest color, while #f9fdfe is the lightest one.

#01090c
```
#01090c rgb(1,9,12)
```
#03171e
```
#03171e rgb(3,23,30)
```
#042430
```
#042430 rgb(4,36,48)
```
#063242
```
#063242 rgb(6,50,66)
```
#083f54
```
#083f54 rgb(8,63,84)
```
#094d66
```
#094d66 rgb(9,77,102)
```
#0b5a78
```
#0b5a78 rgb(11,90,120)
```
#0c688a
```
#0c688a rgb(12,104,138)
```
#0e759c
```
#0e759c rgb(14,117,156)
```
#1083ae
```
#1083ae rgb(16,131,174)
```
#1190c0
```
#1190c0 rgb(17,144,192)
```
#139ed2
```
#139ed2 rgb(19,158,210)
```
#15abe4
```
#15abe4 rgb(21,171,228)
```

Shade Color Variation

#21b4eb
```
#21b4eb rgb(33,180,235)
```
#33baed
```
#33baed rgb(51,186,237)
```
#45c0ee
```
#45c0ee rgb(69,192,238)
```
#57c6f0
```
#57c6f0 rgb(87,198,240)
```
#69ccf1
```
#69ccf1 rgb(105,204,241)
```
#7bd2f3
```
#7bd2f3 rgb(123,210,243)
```
#8dd8f5
```
#8dd8f5 rgb(141,216,245)
```
#9fdff6
```
#9fdff6 rgb(159,223,246)
```
#b1e5f8
```
#b1e5f8 rgb(177,229,248)
```
#c3ebfa
```
#c3ebfa rgb(195,235,250)
```
#d5f1fb
```
#d5f1fb rgb(213,241,251)
```
#e7f7fd
```
#e7f7fd rgb(231,247,253)
```
#f9fdfe
```
#f9fdfe rgb(249,253,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #7e8a8e is the less saturated color, while #0ebcfe is the most saturated one.

#7e8a8e
```
#7e8a8e rgb(126,138,142)
```
#758e97
```
#758e97 rgb(117,142,151)
```
#6b92a1
```
#6b92a1 rgb(107,146,161)
```
#6296aa
```
#6296aa rgb(98,150,170)
```
#599bb3
```
#599bb3 rgb(89,155,179)
```
#509fbc
```
#509fbc rgb(80,159,188)
```
#46a3c6
```
#46a3c6 rgb(70,163,198)
```
#3da7cf
```
#3da7cf rgb(61,167,207)
```
#34acd8
```
#34acd8 rgb(52,172,216)
```
#2ab0e2
```
#2ab0e2 rgb(42,176,226)
```
#21b4eb
```
#21b4eb rgb(33,180,235)
```
#18b8f4
```
#18b8f4 rgb(24,184,244)
```
#0ebcfe
```
#0ebcfe rgb(14,188,254)
```

Tone Color Variation

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

#8e8e8e Achromatopsia 0.005% of the population
#7896a1 Atypical Achromatopsia 0.001% of the population

Dichromacy

#9aaae2 Protanopia 1% of men
#8eaaf1 Deuteranopia 1% of men
#00bcca Tritanopia 0.001% of the population

Trichromacy

#6eade5 Protanomaly 1% of men, 0.01% of women
#66aeef Deuteranomaly 6% of men, 0.4% of women
#0cb9d6 Tritanomaly 0.01% of the population

#21b4eb hex color

#21b4eb Color Information

#21b4eb Color Conversion

Color Schemes with #21b4eb

Alternatives to #21b4eb

#21b4eb Preview

Shades and Tints of #21b4eb

Tones of #21b4eb

Color Blindness Simulator