#21cbea hex color

In a RGB color space, hex #21cbea is composed of 12.9% red, 79.6% green and 91.8% blue. Whereas in a CMYK color space, it is composed of 85.9% cyan, 13.2% magenta, 0% yellow and 8.2% black. It has a hue angle of 189.3 degrees, a saturation of 82.7% and a lightness of 52.4%. #21cbea color hex could be obtained by blending #42ffff with #0097d5. Closest websafe color is: #33ccff.

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

● #21cbea color description : Vivid cyan.

The hexadecimal color #21cbea has RGB values of R:33, G:203, B:234 and CMYK values of C:0.86, M:0.13, Y:0, K:0.08. Its decimal value is 2214890.

Hex triplet	21cbea	`#21cbea`
RGB Decimal	33, 203, 234	`rgb(33,203,234)`
RGB Percent	12.9, 79.6, 91.8	`rgb(12.9%,79.6%,91.8%)`
CMYK	86, 13, 0, 8
HSL	189.3°, 82.7, 52.4	`hsl(189.3,82.7%,52.4%)`
HSV (or HSB)	189.3°, 85.9, 91.8
Web Safe	33ccff	`#33ccff`

CIE-LAB	75.434, -29.589, -26.762
XYZ	36.83, 48.972, 85.349
xyY	0.215, 0.286, 48.972
CIE-LCH	75.434, 39.896, 222.128
CIE-LUV	75.434, -53.402, -38.604
Hunter-Lab	69.98, -28.521, -23.325
Binary	00100001, 11001011, 11101010

#21cbea
```
#21cbea rgb(33,203,234)
```
#ea4021
```
#ea4021 rgb(234,64,33)
```

Complementary Color

#21eaa5
```
#21eaa5 rgb(33,234,165)
```
#21cbea
```
#21cbea rgb(33,203,234)
```
#2167ea
```
#2167ea rgb(33,103,234)
```

Analogous Color

#eaa521
```
#eaa521 rgb(234,165,33)
```
#21cbea
```
#21cbea rgb(33,203,234)
```
#ea2167
```
#ea2167 rgb(234,33,103)
```

Split Complementary Color

#cbea21
```
#cbea21 rgb(203,234,33)
```
#21cbea
```
#21cbea rgb(33,203,234)
```
#ea21cb
```
#ea21cb rgb(234,33,203)
```

Triadic Color

#21ea40
```
#21ea40 rgb(33,234,64)
```
#21cbea
```
#21cbea rgb(33,203,234)
```
#ea21cb
```
#ea21cb rgb(234,33,203)
```
#ea4021
```
#ea4021 rgb(234,64,33)
```

Tetradic Color

#1096ae
```
#1096ae rgb(16,150,174)
```
#13aac5
```
#13aac5 rgb(19,170,197)
```
#15bedd
```
#15bedd rgb(21,190,221)
```
#21cbea
```
#21cbea rgb(33,203,234)
```
#38d0ec
```
#38d0ec rgb(56,208,236)
```
#50d6ee
```
#50d6ee rgb(80,214,238)
```
#67dbf1
```
#67dbf1 rgb(103,219,241)
```

Monochromatic Color

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

#21ead7
```
#21ead7 rgb(33,234,215)
```
#21eae8
```
#21eae8 rgb(33,234,232)
```
#21dcea
```
#21dcea rgb(33,220,234)
```
#21cbea
```
#21cbea rgb(33,203,234)
```
#21baea
```
#21baea rgb(33,186,234)
```
#21aaea
```
#21aaea rgb(33,170,234)
```
#2199ea
```
#2199ea rgb(33,153,234)
```

Similar Colors

Text with hexadecimal color #21cbea

This text has a font color of #21cbea.

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

#21cbea background color

This paragraph has a background color of #21cbea.

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

#21cbea border color

This element has a border color of #21cbea.

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

CSS codes

.text {color:#21cbea;}

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

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

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

#01090b
```
#01090b rgb(1,9,11)
```
#03191d
```
#03191d rgb(3,25,29)
```
#04282f
```
#04282f rgb(4,40,47)
```
#063841
```
#063841 rgb(6,56,65)
```
#084753
```
#084753 rgb(8,71,83)
```
#0a5765
```
#0a5765 rgb(10,87,101)
```
#0b6676
```
#0b6676 rgb(11,102,118)
```
#0d7588
```
#0d7588 rgb(13,117,136)
```
#0f859a
```
#0f859a rgb(15,133,154)
```
#1094ac
```
#1094ac rgb(16,148,172)
```
#12a4be
```
#12a4be rgb(18,164,190)
```
#14b3d0
```
#14b3d0 rgb(20,179,208)
```
#15c2e2
```
#15c2e2 rgb(21,194,226)
```

Shade Color Variation

#21cbea
```
#21cbea rgb(33,203,234)
```
#33cfec
```
#33cfec rgb(51,207,236)
```
#45d3ed
```
#45d3ed rgb(69,211,237)
```
#57d8ef
```
#57d8ef rgb(87,216,239)
```
#69dcf1
```
#69dcf1 rgb(105,220,241)
```
#7be0f2
```
#7be0f2 rgb(123,224,242)
```
#8de4f4
```
#8de4f4 rgb(141,228,244)
```
#9ee8f6
```
#9ee8f6 rgb(158,232,246)
```
#b0edf8
```
#b0edf8 rgb(176,237,248)
```
#c2f1f9
```
#c2f1f9 rgb(194,241,249)
```
#d4f5fb
```
#d4f5fb rgb(212,245,251)
```
#e6f9fd
```
#e6f9fd rgb(230,249,253)
```
#f8fdfe
```
#f8fdfe rgb(248,253,254)
```

Tint Color Variation

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

#7e8a8d
```
#7e8a8d rgb(126,138,141)
```
#759196
```
#759196 rgb(117,145,150)
```
#6c979f
```
#6c979f rgb(108,151,159)
```
#629ea9
```
#629ea9 rgb(98,158,169)
```
#59a4b2
```
#59a4b2 rgb(89,164,178)
```
#50abbb
```
#50abbb rgb(80,171,187)
```
#46b1c5
```
#46b1c5 rgb(70,177,197)
```
#3db8ce
```
#3db8ce rgb(61,184,206)
```
#34bed7
```
#34bed7 rgb(52,190,215)
```
#2ac5e1
```
#2ac5e1 rgb(42,197,225)
```
#21cbea
```
#21cbea rgb(33,203,234)
```
#18d1f3
```
#18d1f3 rgb(24,209,243)
```
#0ed8fd
```
#0ed8fd rgb(14,216,253)
```

Tone Color Variation

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

#9c9c9c Achromatopsia 0.005% of the population
#83a5ac Atypical Achromatopsia 0.001% of the population

Dichromacy

#b5bbdf Protanopia 1% of men
#b0baf2 Deuteranopia 1% of men
#00cfde Tritanopia 0.001% of the population

Trichromacy

#7fc1e3 Protanomaly 1% of men, 0.01% of women
#7cc0ef Deuteranomaly 6% of men, 0.4% of women
#0ccee2 Tritanomaly 0.01% of the population

#21cbea hex color

#21cbea Color Information

#21cbea Color Conversion

Color Schemes with #21cbea

Alternatives to #21cbea

#21cbea Preview

Shades and Tints of #21cbea

Tones of #21cbea

Color Blindness Simulator