#21b8bc hex color

In a RGB color space, hex #21b8bc is composed of 12.9% red, 72.2% green and 73.7% blue. Whereas in a CMYK color space, it is composed of 82.4% cyan, 2.1% magenta, 0% yellow and 26.3% black. It has a hue angle of 181.5 degrees, a saturation of 70.1% and a lightness of 43.3%. #21b8bc color hex could be obtained by blending #42ffff with #007179. Closest websafe color is: #33cccc.

♥
- f
- t
- g
- R 13
- G 72
- B 74
RGB color chart
- C 82
- M 2
- Y 0
- K 26
CMYK color chart

● #21b8bc color description : Strong cyan.

The hexadecimal color #21b8bc has RGB values of R:33, G:184, B:188 and CMYK values of C:0.82, M:0.02, Y:0, K:0.26. Its decimal value is 2209980.

Hex triplet	21b8bc	`#21b8bc`
RGB Decimal	33, 184, 188	`rgb(33,184,188)`
RGB Percent	12.9, 72.2, 73.7	`rgb(12.9%,72.2%,73.7%)`
CMYK	82, 2, 0, 26
HSL	181.5°, 70.1, 43.3	`hsl(181.5,70.1%,43.3%)`
HSV (or HSB)	181.5°, 82.4, 73.7
Web Safe	33cccc	`#33cccc`

CIE-LAB	68.192, -34.853, -12.7
XYZ	26.842, 38.233, 53.539
xyY	0.226, 0.322, 38.233
CIE-LCH	68.192, 37.095, 200.021
CIE-LUV	68.192, -50.301, -14.314
Hunter-Lab	61.832, -30.718, -8.055
Binary	00100001, 10111000, 10111100

#21b8bc
```
#21b8bc rgb(33,184,188)
```
#bc2521
```
#bc2521 rgb(188,37,33)
```

Complementary Color

#21bc73
```
#21bc73 rgb(33,188,115)
```
#21b8bc
```
#21b8bc rgb(33,184,188)
```
#216bbc
```
#216bbc rgb(33,107,188)
```

Analogous Color

#bc7321
```
#bc7321 rgb(188,115,33)
```
#21b8bc
```
#21b8bc rgb(33,184,188)
```
#bc216b
```
#bc216b rgb(188,33,107)
```

Split Complementary Color

#b8bc21
```
#b8bc21 rgb(184,188,33)
```
#21b8bc
```
#21b8bc rgb(33,184,188)
```
#bc21b8
```
#bc21b8 rgb(188,33,184)
```

Triadic Color

#21bc25
```
#21bc25 rgb(33,188,37)
```
#21b8bc
```
#21b8bc rgb(33,184,188)
```
#bc21b8
```
#bc21b8 rgb(188,33,184)
```
#bc2521
```
#bc2521 rgb(188,37,33)
```

Tetradic Color

#16787b
```
#16787b rgb(22,120,123)
```
#198e91
```
#198e91 rgb(25,142,145)
```
#1da3a6
```
#1da3a6 rgb(29,163,166)
```
#21b8bc
```
#21b8bc rgb(33,184,188)
```
#25cdd2
```
#25cdd2 rgb(37,205,210)
```
#35d7db
```
#35d7db rgb(53,215,219)
```
#4adbdf
```
#4adbdf rgb(74,219,223)
```

Monochromatic Color

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

#21bc99
```
#21bc99 rgb(33,188,153)
```
#21bca6
```
#21bca6 rgb(33,188,166)
```
#21bcb3
```
#21bcb3 rgb(33,188,179)
```
#21b8bc
```
#21b8bc rgb(33,184,188)
```
#21abbc
```
#21abbc rgb(33,171,188)
```
#219ebc
```
#219ebc rgb(33,158,188)
```
#2191bc
```
#2191bc rgb(33,145,188)
```

Similar Colors

Text with hexadecimal color #21b8bc

This text has a font color of #21b8bc.

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

#21b8bc background color

This paragraph has a background color of #21b8bc.

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

#21b8bc border color

This element has a border color of #21b8bc.

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

CSS codes

.text {color:#21b8bc;}

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

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

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

#010404
```
#010404 rgb(1,4,4)
```
#041515
```
#041515 rgb(4,21,21)
```
#072526
```
#072526 rgb(7,37,38)
```
#0a3537
```
#0a3537 rgb(10,53,55)
```
#0c4647
```
#0c4647 rgb(12,70,71)
```
#0f5658
```
#0f5658 rgb(15,86,88)
```
#126669
```
#126669 rgb(18,102,105)
```
#157779
```
#157779 rgb(21,119,121)
```
#18878a
```
#18878a rgb(24,135,138)
```
#1b979b
```
#1b979b rgb(27,151,155)
```
#1ea8ab
```
#1ea8ab rgb(30,168,171)
```
#21b8bc
```
#21b8bc rgb(33,184,188)
```
#24c8cd
```
#24c8cd rgb(36,200,205)
```

Shade Color Variation

#2bd5da
```
#2bd5da rgb(43,213,218)
```
#3bd8dd
```
#3bd8dd rgb(59,216,221)
```
#4cdce0
```
#4cdce0 rgb(76,220,224)
```
#5ddfe2
```
#5ddfe2 rgb(93,223,226)
```
#6de2e5
```
#6de2e5 rgb(109,226,229)
```
#7ee6e8
```
#7ee6e8 rgb(126,230,232)
```
#8fe9eb
```
#8fe9eb rgb(143,233,235)
```
#9fecee
```
#9fecee rgb(159,236,238)
```
#b0eff1
```
#b0eff1 rgb(176,239,241)
```
#c1f3f4
```
#c1f3f4 rgb(193,243,244)
```
#d1f6f7
```
#d1f6f7 rgb(209,246,247)
```
#e2f9fa
```
#e2f9fa rgb(226,249,250)
```
#f3fdfd
```
#f3fdfd rgb(243,253,253)
```

Tint Color Variation

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

#6e6f70
```
#6e6f70 rgb(110,111,112)
```
#657878
```
#657878 rgb(101,120,120)
```
#5d8081
```
#5d8081 rgb(93,128,129)
```
#548889
```
#548889 rgb(84,136,137)
```
#4c9092
```
#4c9092 rgb(76,144,146)
```
#43989a
```
#43989a rgb(67,152,154)
```
#3ba0a3
```
#3ba0a3 rgb(59,160,163)
```
#32a8ab
```
#32a8ab rgb(50,168,171)
```
#2ab0b4
```
#2ab0b4 rgb(42,176,180)
```
#21b8bc
```
#21b8bc rgb(33,184,188)
```
#19c0c5
```
#19c0c5 rgb(25,192,197)
```
#10c8cd
```
#10c8cd rgb(16,200,205)
```
#07d0d6
```
#07d0d6 rgb(7,208,214)
```

Tone Color Variation

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

#8b8b8b Achromatopsia 0.005% of the population
#769495 Atypical Achromatopsia 0.001% of the population

Dichromacy

#aaa9b5 Protanopia 1% of men
#aca7c7 Deuteranopia 1% of men
#36bac7 Tritanopia 0.001% of the population

Trichromacy

#78aeb7 Protanomaly 1% of men, 0.01% of women
#79adc3 Deuteranomaly 6% of men, 0.4% of women
#2eb9c3 Tritanomaly 0.01% of the population

#21b8bc hex color

#21b8bc Color Information

#21b8bc Color Conversion

Color Schemes with #21b8bc

Alternatives to #21b8bc

#21b8bc Preview

Shades and Tints of #21b8bc

Tones of #21b8bc

Color Blindness Simulator