#21b8ec hex color

In a RGB color space, hex #21b8ec is composed of 12.9% red, 72.2% green and 92.5% blue. Whereas in a CMYK color space, it is composed of 86% cyan, 22% magenta, 0% yellow and 7.5% black. It has a hue angle of 195.4 degrees, a saturation of 84.2% and a lightness of 52.7%. #21b8ec color hex could be obtained by blending #42ffff with #0071d9. Closest websafe color is: #33ccff.

♥
- f
- t
- g
- R 13
- G 72
- B 93
RGB color chart
- C 86
- M 22
- Y 0
- K 7
CMYK color chart

● #21b8ec color description : Vivid blue.

The hexadecimal color #21b8ec has RGB values of R:33, G:184, B:236 and CMYK values of C:0.86, M:0.22, Y:0, K:0.07. Its decimal value is 2210028.

Hex triplet	21b8ec	`#21b8ec`
RGB Decimal	33, 184, 236	`rgb(33,184,236)`
RGB Percent	12.9, 72.2, 92.5	`rgb(12.9%,72.2%,92.5%)`
CMYK	86, 22, 0, 7
HSL	195.4°, 84.2, 52.7	`hsl(195.4,84.2%,52.7%)`
HSV (or HSB)	195.4°, 86, 92.5
Web Safe	33ccff	`#33ccff`

CIE-LAB	69.935, -19.33, -36.326
XYZ	32.904, 40.657, 85.466
xyY	0.207, 0.256, 40.657
CIE-LCH	69.935, 41.149, 241.982
CIE-LUV	69.935, -46.788, -55.807
Hunter-Lab	63.763, -19.473, -34.836
Binary	00100001, 10111000, 11101100

#21b8ec
```
#21b8ec rgb(33,184,236)
```
#ec5521
```
#ec5521 rgb(236,85,33)
```

Complementary Color

#21ecbb
```
#21ecbb rgb(33,236,187)
```
#21b8ec
```
#21b8ec rgb(33,184,236)
```
#2153ec
```
#2153ec rgb(33,83,236)
```

Analogous Color

#ecbb21
```
#ecbb21 rgb(236,187,33)
```
#21b8ec
```
#21b8ec rgb(33,184,236)
```
#ec2153
```
#ec2153 rgb(236,33,83)
```

Split Complementary Color

#b8ec21
```
#b8ec21 rgb(184,236,33)
```
#21b8ec
```
#21b8ec rgb(33,184,236)
```
#ec21b8
```
#ec21b8 rgb(236,33,184)
```

Triadic Color

#21ec55
```
#21ec55 rgb(33,236,85)
```
#21b8ec
```
#21b8ec rgb(33,184,236)
```
#ec21b8
```
#ec21b8 rgb(236,33,184)
```
#ec5521
```
#ec5521 rgb(236,85,33)
```

Tetradic Color

#0f88b1
```
#0f88b1 rgb(15,136,177)
```
#119ac9
```
#119ac9 rgb(17,154,201)
```
#13ace0
```
#13ace0 rgb(19,172,224)
```
#21b8ec
```
#21b8ec rgb(33,184,236)
```
#38c0ee
```
#38c0ee rgb(56,192,238)
```
#50c7f0
```
#50c7f0 rgb(80,199,240)
```
#67cff2
```
#67cff2 rgb(103,207,242)
```

Monochromatic Color

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

#21ebec
```
#21ebec rgb(33,235,236)
```
#21daec
```
#21daec rgb(33,218,236)
```
#21c9ec
```
#21c9ec rgb(33,201,236)
```
#21b8ec
```
#21b8ec rgb(33,184,236)
```
#21a7ec
```
#21a7ec rgb(33,167,236)
```
#2196ec
```
#2196ec rgb(33,150,236)
```
#2185ec
```
#2185ec rgb(33,133,236)
```

Similar Colors

Text with hexadecimal color #21b8ec

This text has a font color of #21b8ec.

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

#21b8ec background color

This paragraph has a background color of #21b8ec.

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

#21b8ec border color

This element has a border color of #21b8ec.

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

CSS codes

.text {color:#21b8ec;}

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

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

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, #010a0d is the darkest color, while #fafdff is the lightest one.

#010a0d
```
#010a0d rgb(1,10,13)
```
#03181f
```
#03181f rgb(3,24,31)
```
#042631
```
#042631 rgb(4,38,49)
```
#063343
```
#063343 rgb(6,51,67)
```
#074155
```
#074155 rgb(7,65,85)
```
#094f67
```
#094f67 rgb(9,79,103)
```
#0a5d79
```
#0a5d79 rgb(10,93,121)
```
#0c6b8b
```
#0c6b8b rgb(12,107,139)
```
#0d799d
```
#0d799d rgb(13,121,157)
```
#0f86b0
```
#0f86b0 rgb(15,134,176)
```
#1194c2
```
#1194c2 rgb(17,148,194)
```
#12a2d4
```
#12a2d4 rgb(18,162,212)
```
#14b0e6
```
#14b0e6 rgb(20,176,230)
```

Shade Color Variation

#21b8ec
```
#21b8ec rgb(33,184,236)
```
#33beee
```
#33beee rgb(51,190,238)
```
#45c4ef
```
#45c4ef rgb(69,196,239)
```
#57c9f1
```
#57c9f1 rgb(87,201,241)
```
#69cff2
```
#69cff2 rgb(105,207,242)
```
#7bd5f4
```
#7bd5f4 rgb(123,213,244)
```
#8ddbf5
```
#8ddbf5 rgb(141,219,245)
```
#9fe0f7
```
#9fe0f7 rgb(159,224,247)
```
#b2e6f8
```
#b2e6f8 rgb(178,230,248)
```
#c4ecfa
```
#c4ecfa rgb(196,236,250)
```
#d6f2fb
```
#d6f2fb rgb(214,242,251)
```
#e8f8fd
```
#e8f8fd rgb(232,248,253)
```
#fafdff
```
#fafdff rgb(250,253,255)
```

Tint Color Variation

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

#7e8b8f
```
#7e8b8f rgb(126,139,143)
```
#748f99
```
#748f99 rgb(116,143,153)
```
#6b94a2
```
#6b94a2 rgb(107,148,162)
```
#6298ab
```
#6298ab rgb(98,152,171)
```
#599db4
```
#599db4 rgb(89,157,180)
```
#4fa1be
```
#4fa1be rgb(79,161,190)
```
#46a6c7
```
#46a6c7 rgb(70,166,199)
```
#3daad0
```
#3daad0 rgb(61,170,208)
```
#34afd9
```
#34afd9 rgb(52,175,217)
```
#2ab3e3
```
#2ab3e3 rgb(42,179,227)
```
#21b8ec
```
#21b8ec rgb(33,184,236)
```
#18bdf5
```
#18bdf5 rgb(24,189,245)
```
#0ec1ff
```
#0ec1ff rgb(14,193,255)
```

Tone Color Variation

Below, you can see how #21b8ec 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
#7b99a3 Atypical Achromatopsia 0.001% of the population

Dichromacy

#9fade3 Protanopia 1% of men
#93adf2 Deuteranopia 1% of men
#00c0cd Tritanopia 0.001% of the population

Trichromacy

#71b1e6 Protanomaly 1% of men, 0.01% of women
#69b1f0 Deuteranomaly 6% of men, 0.4% of women
#0cbdd8 Tritanomaly 0.01% of the population

#21b8ec hex color

#21b8ec Color Information

#21b8ec Color Conversion

Color Schemes with #21b8ec

Alternatives to #21b8ec

#21b8ec Preview

Shades and Tints of #21b8ec

Tones of #21b8ec

Color Blindness Simulator