#21b8ae hex color

In a RGB color space, hex #21b8ae is composed of 12.9% red, 72.2% green and 68.2% blue. Whereas in a CMYK color space, it is composed of 82.1% cyan, 0% magenta, 5.4% yellow and 27.8% black. It has a hue angle of 176 degrees, a saturation of 69.6% and a lightness of 42.5%. #21b8ae color hex could be obtained by blending #42ffff with #00715d. Closest websafe color is: #33cc99.

♥
- f
- t
- g
- R 13
- G 72
- B 68
RGB color chart
- C 82
- M 0
- Y 5
- K 28
CMYK color chart

● #21b8ae color description : Strong cyan.

The hexadecimal color #21b8ae has RGB values of R:33, G:184, B:174 and CMYK values of C:0.82, M:0, Y:0.05, K:0.28. Its decimal value is 2209966.

Hex triplet	21b8ae	`#21b8ae`
RGB Decimal	33, 184, 174	`rgb(33,184,174)`
RGB Percent	12.9, 72.2, 68.2	`rgb(12.9%,72.2%,68.2%)`
CMYK	82, 0, 5, 28
HSL	176°, 69.6, 42.5	`hsl(176,69.6%,42.5%)`
HSV (or HSB)	176°, 82.1, 72.2
Web Safe	33cc99	`#33cc99`

CIE-LAB	67.768, -38.987, -5.613
XYZ	25.405, 37.658, 45.972
xyY	0.233, 0.345, 37.658
CIE-LCH	67.768, 39.389, 188.193
CIE-LUV	67.768, -51.349, -2.561
Hunter-Lab	61.366, -33.492, -1.46
Binary	00100001, 10111000, 10101110

#21b8ae
```
#21b8ae rgb(33,184,174)
```
#b8212b
```
#b8212b rgb(184,33,43)
```

Complementary Color

#21b863
```
#21b863 rgb(33,184,99)
```
#21b8ae
```
#21b8ae rgb(33,184,174)
```
#2177b8
```
#2177b8 rgb(33,119,184)
```

Analogous Color

#b86321
```
#b86321 rgb(184,99,33)
```
#21b8ae
```
#21b8ae rgb(33,184,174)
```
#b82177
```
#b82177 rgb(184,33,119)
```

Split Complementary Color

#b8ae21
```
#b8ae21 rgb(184,174,33)
```
#21b8ae
```
#21b8ae rgb(33,184,174)
```
#ae21b8
```
#ae21b8 rgb(174,33,184)
```

Triadic Color

#2bb821
```
#2bb821 rgb(43,184,33)
```
#21b8ae
```
#21b8ae rgb(33,184,174)
```
#ae21b8
```
#ae21b8 rgb(174,33,184)
```
#b8212b
```
#b8212b rgb(184,33,43)
```

Tetradic Color

#157771
```
#157771 rgb(21,119,113)
```
#198d85
```
#198d85 rgb(25,141,133)
```
#1da29a
```
#1da29a rgb(29,162,154)
```
#21b8ae
```
#21b8ae rgb(33,184,174)
```
#25cec2
```
#25cec2 rgb(37,206,194)
```
#32dacf
```
#32dacf rgb(50,218,207)
```
#47ded4
```
#47ded4 rgb(71,222,212)
```

Monochromatic Color

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

#21b888
```
#21b888 rgb(33,184,136)
```
#21b895
```
#21b895 rgb(33,184,149)
```
#21b8a1
```
#21b8a1 rgb(33,184,161)
```
#21b8ae
```
#21b8ae rgb(33,184,174)
```
#21b5b8
```
#21b5b8 rgb(33,181,184)
```
#21a9b8
```
#21a9b8 rgb(33,169,184)
```
#219cb8
```
#219cb8 rgb(33,156,184)
```

Similar Colors

Text with hexadecimal color #21b8ae

This text has a font color of #21b8ae.

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

#21b8ae background color

This paragraph has a background color of #21b8ae.

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

#21b8ae border color

This element has a border color of #21b8ae.

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

CSS codes

.text {color:#21b8ae;}

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

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

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, #000101 is the darkest color, while #effcfb is the lightest one.

#000101
```
#000101 rgb(0,1,1)
```
#031211
```
#031211 rgb(3,18,17)
```
#062220
```
#062220 rgb(6,34,32)
```
#093330
```
#093330 rgb(9,51,48)
```
#0c4440
```
#0c4440 rgb(12,68,64)
```
#0f5450
```
#0f5450 rgb(15,84,80)
```
#12655f
```
#12655f rgb(18,101,95)
```
#15756f
```
#15756f rgb(21,117,111)
```
#18867f
```
#18867f rgb(24,134,127)
```
#1b978f
```
#1b978f rgb(27,151,143)
```
#1ea79e
```
#1ea79e rgb(30,167,158)
```
#21b8ae
```
#21b8ae rgb(33,184,174)
```
#24c9be
```
#24c9be rgb(36,201,190)
```

Shade Color Variation

#28d8cd
```
#28d8cd rgb(40,216,205)
```
#38dbd1
```
#38dbd1 rgb(56,219,209)
```
#49ded4
```
#49ded4 rgb(73,222,212)
```
#5ae1d8
```
#5ae1d8 rgb(90,225,216)
```
#6ae4dc
```
#6ae4dc rgb(106,228,220)
```
#7be7e0
```
#7be7e0 rgb(123,231,224)
```
#8ceae4
```
#8ceae4 rgb(140,234,228)
```
#9cede8
```
#9cede8 rgb(156,237,232)
```
#adf0ec
```
#adf0ec rgb(173,240,236)
```
#bef3f0
```
#bef3f0 rgb(190,243,240)
```
#cef6f4
```
#cef6f4 rgb(206,246,244)
```
#dff9f7
```
#dff9f7 rgb(223,249,247)
```
#effcfb
```
#effcfb rgb(239,252,251)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #6c6d6d is the less saturated color, while #08d1c4 is the most saturated one.

#6c6d6d
```
#6c6d6d rgb(108,109,109)
```
#647574
```
#647574 rgb(100,117,116)
```
#5b7e7b
```
#5b7e7b rgb(91,126,123)
```
#538683
```
#538683 rgb(83,134,131)
```
#4b8e8a
```
#4b8e8a rgb(75,142,138)
```
#429791
```
#429791 rgb(66,151,145)
```
#3a9f98
```
#3a9f98 rgb(58,159,152)
```
#32a7a0
```
#32a7a0 rgb(50,167,160)
```
#29b0a7
```
#29b0a7 rgb(41,176,167)
```
#21b8ae
```
#21b8ae rgb(33,184,174)
```
#19c0b5
```
#19c0b5 rgb(25,192,181)
```
#10c9bc
```
#10c9bc rgb(16,201,188)
```
#08d1c4
```
#08d1c4 rgb(8,209,196)
```

Tone Color Variation

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

#8a8a8a Achromatopsia 0.005% of the population
#759391 Atypical Achromatopsia 0.001% of the population

Dichromacy

#aca8a8 Protanopia 1% of men
#b1a5ba Deuteranopia 1% of men
#40b8c6 Tritanopia 0.001% of the population

Trichromacy

#7aaeaa Protanomaly 1% of men, 0.01% of women
#7cacb5 Deuteranomaly 6% of men, 0.4% of women
#34b8bd Tritanomaly 0.01% of the population

#21b8ae hex color

#21b8ae Color Information

#21b8ae Color Conversion

Color Schemes with #21b8ae

Alternatives to #21b8ae

#21b8ae Preview

Shades and Tints of #21b8ae

Tones of #21b8ae

Color Blindness Simulator