#21b7bc hex color

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

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

● #21b7bc color description : Strong cyan.

The hexadecimal color #21b7bc has RGB values of R:33, G:183, B:188 and CMYK values of C:0.82, M:0.03, Y:0, K:0.26. Its decimal value is 2209724.

Hex triplet	21b7bc	`#21b7bc`
RGB Decimal	33, 183, 188	`rgb(33,183,188)`
RGB Percent	12.9, 71.8, 73.7	`rgb(12.9%,71.8%,73.7%)`
CMYK	82, 3, 0, 26
HSL	181.9°, 70.1, 43.3	`hsl(181.9,70.1%,43.3%)`
HSV (or HSB)	181.9°, 82.4, 73.7
Web Safe	33cccc	`#33cccc`

CIE-LAB	67.887, -34.384, -13.158
XYZ	26.635, 37.819, 53.47
xyY	0.226, 0.321, 37.819
CIE-LCH	67.887, 36.816, 200.941
CIE-LUV	67.887, -49.951, -15.104
Hunter-Lab	61.497, -30.309, -8.504
Binary	00100001, 10110111, 10111100

#21b7bc
```
#21b7bc rgb(33,183,188)
```
#bc2621
```
#bc2621 rgb(188,38,33)
```

Complementary Color

#21bc74
```
#21bc74 rgb(33,188,116)
```
#21b7bc
```
#21b7bc rgb(33,183,188)
```
#216abc
```
#216abc rgb(33,106,188)
```

Analogous Color

#bc7421
```
#bc7421 rgb(188,116,33)
```
#21b7bc
```
#21b7bc rgb(33,183,188)
```
#bc216a
```
#bc216a rgb(188,33,106)
```

Split Complementary Color

#b7bc21
```
#b7bc21 rgb(183,188,33)
```
#21b7bc
```
#21b7bc rgb(33,183,188)
```
#bc21b7
```
#bc21b7 rgb(188,33,183)
```

Triadic Color

#21bc26
```
#21bc26 rgb(33,188,38)
```
#21b7bc
```
#21b7bc rgb(33,183,188)
```
#bc21b7
```
#bc21b7 rgb(188,33,183)
```
#bc2621
```
#bc2621 rgb(188,38,33)
```

Tetradic Color

#16787b
```
#16787b rgb(22,120,123)
```
#198d91
```
#198d91 rgb(25,141,145)
```
#1da2a6
```
#1da2a6 rgb(29,162,166)
```
#21b7bc
```
#21b7bc rgb(33,183,188)
```
#25ccd2
```
#25ccd2 rgb(37,204,210)
```
#35d6db
```
#35d6db rgb(53,214,219)
```
#4adadf
```
#4adadf rgb(74,218,223)
```

Monochromatic Color

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

#21bc9a
```
#21bc9a rgb(33,188,154)
```
#21bca7
```
#21bca7 rgb(33,188,167)
```
#21bcb4
```
#21bcb4 rgb(33,188,180)
```
#21b7bc
```
#21b7bc rgb(33,183,188)
```
#21aabc
```
#21aabc rgb(33,170,188)
```
#219dbc
```
#219dbc rgb(33,157,188)
```
#2190bc
```
#2190bc rgb(33,144,188)
```

Similar Colors

Text with hexadecimal color #21b7bc

This text has a font color of #21b7bc.

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

#21b7bc background color

This paragraph has a background color of #21b7bc.

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

#21b7bc border color

This element has a border color of #21b7bc.

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

CSS codes

.text {color:#21b7bc;}

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

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

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)
```
#0c4547
```
#0c4547 rgb(12,69,71)
```
#0f5658
```
#0f5658 rgb(15,86,88)
```
#126669
```
#126669 rgb(18,102,105)
```
#157679
```
#157679 rgb(21,118,121)
```
#18868a
```
#18868a rgb(24,134,138)
```
#1b979b
```
#1b979b rgb(27,151,155)
```
#1ea7ab
```
#1ea7ab rgb(30,167,171)
```
#21b7bc
```
#21b7bc rgb(33,183,188)
```
#24c7cd
```
#24c7cd rgb(36,199,205)
```

Shade Color Variation

#2bd4da
```
#2bd4da rgb(43,212,218)
```
#3bd7dd
```
#3bd7dd rgb(59,215,221)
```
#4cdbe0
```
#4cdbe0 rgb(76,219,224)
```
#5ddee2
```
#5ddee2 rgb(93,222,226)
```
#6de2e5
```
#6de2e5 rgb(109,226,229)
```
#7ee5e8
```
#7ee5e8 rgb(126,229,232)
```
#8fe8eb
```
#8fe8eb rgb(143,232,235)
```
#9fecee
```
#9fecee rgb(159,236,238)
```
#b0eff1
```
#b0eff1 rgb(176,239,241)
```
#c1f2f4
```
#c1f2f4 rgb(193,242,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 #07cfd6 is the most saturated one.

#6e6f70
```
#6e6f70 rgb(110,111,112)
```
#657778
```
#657778 rgb(101,119,120)
```
#5d7f81
```
#5d7f81 rgb(93,127,129)
```
#548789
```
#548789 rgb(84,135,137)
```
#4c8f92
```
#4c8f92 rgb(76,143,146)
```
#43979a
```
#43979a rgb(67,151,154)
```
#3b9fa3
```
#3b9fa3 rgb(59,159,163)
```
#32a7ab
```
#32a7ab rgb(50,167,171)
```
#2aafb4
```
#2aafb4 rgb(42,175,180)
```
#21b7bc
```
#21b7bc rgb(33,183,188)
```
#19bfc5
```
#19bfc5 rgb(25,191,197)
```
#10c7cd
```
#10c7cd rgb(16,199,205)
```
#07cfd6
```
#07cfd6 rgb(7,207,214)
```

Tone Color Variation

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

#a9a9b5 Protanopia 1% of men
#aaa6c7 Deuteranopia 1% of men
#35b9c7 Tritanopia 0.001% of the population

Trichromacy

#77aeb7 Protanomaly 1% of men, 0.01% of women
#78acc3 Deuteranomaly 6% of men, 0.4% of women
#2eb8c3 Tritanomaly 0.01% of the population

#21b7bc hex color

#21b7bc Color Information

#21b7bc Color Conversion

Color Schemes with #21b7bc

Alternatives to #21b7bc

#21b7bc Preview

Shades and Tints of #21b7bc

Tones of #21b7bc

Color Blindness Simulator