#21b5bc hex color

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

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

● #21b5bc color description : Strong cyan.

The hexadecimal color #21b5bc has RGB values of R:33, G:181, B:188 and CMYK values of C:0.82, M:0.04, Y:0, K:0.26. Its decimal value is 2209212.

Hex triplet	21b5bc	`#21b5bc`
RGB Decimal	33, 181, 188	`rgb(33,181,188)`
RGB Percent	12.9, 71, 73.7	`rgb(12.9%,71%,73.7%)`
CMYK	82, 4, 0, 26
HSL	182.7°, 70.1, 43.3	`hsl(182.7,70.1%,43.3%)`
HSV (or HSB)	182.7°, 82.4, 73.7
Web Safe	33cccc	`#33cccc`

CIE-LAB	67.277, -33.44, -14.076
XYZ	26.225, 36.999, 53.334
xyY	0.225, 0.317, 36.999
CIE-LCH	67.277, 36.282, 202.827
CIE-LUV	67.277, -49.251, -16.69
Hunter-Lab	60.827, -29.488, -9.407
Binary	00100001, 10110101, 10111100

#21b5bc
```
#21b5bc rgb(33,181,188)
```
#bc2821
```
#bc2821 rgb(188,40,33)
```

Complementary Color

#21bc76
```
#21bc76 rgb(33,188,118)
```
#21b5bc
```
#21b5bc rgb(33,181,188)
```
#2168bc
```
#2168bc rgb(33,104,188)
```

Analogous Color

#bc7621
```
#bc7621 rgb(188,118,33)
```
#21b5bc
```
#21b5bc rgb(33,181,188)
```
#bc2168
```
#bc2168 rgb(188,33,104)
```

Split Complementary Color

#b5bc21
```
#b5bc21 rgb(181,188,33)
```
#21b5bc
```
#21b5bc rgb(33,181,188)
```
#bc21b5
```
#bc21b5 rgb(188,33,181)
```

Triadic Color

#21bc28
```
#21bc28 rgb(33,188,40)
```
#21b5bc
```
#21b5bc rgb(33,181,188)
```
#bc21b5
```
#bc21b5 rgb(188,33,181)
```
#bc2821
```
#bc2821 rgb(188,40,33)
```

Tetradic Color

#16767b
```
#16767b rgb(22,118,123)
```
#198b91
```
#198b91 rgb(25,139,145)
```
#1da0a6
```
#1da0a6 rgb(29,160,166)
```
#21b5bc
```
#21b5bc rgb(33,181,188)
```
#25cad2
```
#25cad2 rgb(37,202,210)
```
#35d4db
```
#35d4db rgb(53,212,219)
```
#4ad9df
```
#4ad9df rgb(74,217,223)
```

Monochromatic Color

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

#21bc9c
```
#21bc9c rgb(33,188,156)
```
#21bca9
```
#21bca9 rgb(33,188,169)
```
#21bcb6
```
#21bcb6 rgb(33,188,182)
```
#21b5bc
```
#21b5bc rgb(33,181,188)
```
#21a8bc
```
#21a8bc rgb(33,168,188)
```
#219bbc
```
#219bbc rgb(33,155,188)
```
#218ebc
```
#218ebc rgb(33,142,188)
```

Similar Colors

Text with hexadecimal color #21b5bc

This text has a font color of #21b5bc.

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

#21b5bc background color

This paragraph has a background color of #21b5bc.

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

#21b5bc border color

This element has a border color of #21b5bc.

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

CSS codes

.text {color:#21b5bc;}

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

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

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 #f3fcfd is the lightest one.

#010404
```
#010404 rgb(1,4,4)
```
#041415
```
#041415 rgb(4,20,21)
```
#072426
```
#072426 rgb(7,36,38)
```
#0a3437
```
#0a3437 rgb(10,52,55)
```
#0c4547
```
#0c4547 rgb(12,69,71)
```
#0f5558
```
#0f5558 rgb(15,85,88)
```
#126569
```
#126569 rgb(18,101,105)
```
#157579
```
#157579 rgb(21,117,121)
```
#18858a
```
#18858a rgb(24,133,138)
```
#1b959b
```
#1b959b rgb(27,149,155)
```
#1ea5ab
```
#1ea5ab rgb(30,165,171)
```
#21b5bc
```
#21b5bc rgb(33,181,188)
```
#24c5cd
```
#24c5cd rgb(36,197,205)
```

Shade Color Variation

#2bd2da
```
#2bd2da rgb(43,210,218)
```
#3bd5dd
```
#3bd5dd rgb(59,213,221)
```
#4cd9e0
```
#4cd9e0 rgb(76,217,224)
```
#5ddce2
```
#5ddce2 rgb(93,220,226)
```
#6de0e5
```
#6de0e5 rgb(109,224,229)
```
#7ee4e8
```
#7ee4e8 rgb(126,228,232)
```
#8fe7eb
```
#8fe7eb rgb(143,231,235)
```
#9febee
```
#9febee rgb(159,235,238)
```
#b0eef1
```
#b0eef1 rgb(176,238,241)
```
#c1f2f4
```
#c1f2f4 rgb(193,242,244)
```
#d1f5f7
```
#d1f5f7 rgb(209,245,247)
```
#e2f9fa
```
#e2f9fa rgb(226,249,250)
```
#f3fcfd
```
#f3fcfd rgb(243,252,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 #07ccd6 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)
```
#4c8e92
```
#4c8e92 rgb(76,142,146)
```
#43969a
```
#43969a rgb(67,150,154)
```
#3b9ea3
```
#3b9ea3 rgb(59,158,163)
```
#32a6ab
```
#32a6ab rgb(50,166,171)
```
#2aadb4
```
#2aadb4 rgb(42,173,180)
```
#21b5bc
```
#21b5bc rgb(33,181,188)
```
#19bdc5
```
#19bdc5 rgb(25,189,197)
```
#10c4cd
```
#10c4cd rgb(16,196,205)
```
#07ccd6
```
#07ccd6 rgb(7,204,214)
```

Tone Color Variation

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

Dichromacy

#a7a7b5 Protanopia 1% of men
#a8a5c6 Deuteranopia 1% of men
#33b7c5 Tritanopia 0.001% of the population

Trichromacy

#76acb7 Protanomaly 1% of men, 0.01% of women
#77aac2 Deuteranomaly 6% of men, 0.4% of women
#2cb6c1 Tritanomaly 0.01% of the population

#21b5bc hex color

#21b5bc Color Information

#21b5bc Color Conversion

Color Schemes with #21b5bc

Alternatives to #21b5bc

#21b5bc Preview

Shades and Tints of #21b5bc

Tones of #21b5bc

Color Blindness Simulator