colorhexa.com

#21b7b9 hex color

In a RGB color space, hex #21b7b9 is composed of 12.9% red, 71.8% green and 72.5% blue. Whereas in a CMYK color space, it is composed of 82.2% cyan, 1.1% magenta, 0% yellow and 27.5% black. It has a hue angle of 180.8 degrees, a saturation of 69.7% and a lightness of 42.7%. #21b7b9 color hex could be obtained by blending #42ffff with #006f73. Closest websafe color is: #33cccc.

- R 13
- G 72
- B 73
RGB color chart
- C 82
- M 1
- Y 0
- K 27
CMYK color chart

● #21b7b9 color description : Strong cyan.

The hexadecimal color #21b7b9 has RGB values of R:33, G:183, B:185 and CMYK values of C:0.82, M:0.01, Y:0, K:0.27. Its decimal value is 2209721.

Hex triplet	21b7b9	`#21b7b9`
RGB Decimal	33, 183, 185	`rgb(33,183,185)`
RGB Percent	12.9, 71.8, 72.5	`rgb(12.9%,71.8%,72.5%)`
CMYK	82, 1, 0, 27
HSL	180.8°, 69.7, 42.7	`hsl(180.8,69.7%,42.7%)`
HSV (or HSB)	180.8°, 82.2, 72.5
Web Safe	33cccc	`#33cccc`

CIE-LAB	67.792, -35.292, -11.646
XYZ	26.315, 37.69, 51.784
xyY	0.227, 0.326, 37.69
CIE-LCH	67.792, 37.163, 198.262
CIE-LUV	67.792, -50.176, -12.558
Hunter-Lab	61.393, -30.926, -7.036
Binary	00100001, 10110111, 10111001

#21b7b9
```
#21b7b9 rgb(33,183,185)
```
#b92321
```
#b92321 rgb(185,35,33)
```

Complementary Color

#21b96f
```
#21b96f rgb(33,185,111)
```
#21b7b9
```
#21b7b9 rgb(33,183,185)
```
#216bb9
```
#216bb9 rgb(33,107,185)
```

Analogous Color

#b96f21
```
#b96f21 rgb(185,111,33)
```
#21b7b9
```
#21b7b9 rgb(33,183,185)
```
#b9216b
```
#b9216b rgb(185,33,107)
```

Split Complementary Color

#b7b921
```
#b7b921 rgb(183,185,33)
```
#21b7b9
```
#21b7b9 rgb(33,183,185)
```
#b921b7
```
#b921b7 rgb(185,33,183)
```

Triadic Color

#21b923
```
#21b923 rgb(33,185,35)
```
#21b7b9
```
#21b7b9 rgb(33,183,185)
```
#b921b7
```
#b921b7 rgb(185,33,183)
```
#b92321
```
#b92321 rgb(185,35,33)
```

Tetradic Color

#157778
```
#157778 rgb(21,119,120)
```
#198c8e
```
#198c8e rgb(25,140,142)
```
#1da2a3
```
#1da2a3 rgb(29,162,163)
```
#21b7b9
```
#21b7b9 rgb(33,183,185)
```
#25cccf
```
#25cccf rgb(37,204,207)
```
#32d8db
```
#32d8db rgb(50,216,219)
```
#48dcde
```
#48dcde rgb(72,220,222)
```

Monochromatic Color

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

#21b995
```
#21b995 rgb(33,185,149)
```
#21b9a2
```
#21b9a2 rgb(33,185,162)
```
#21b9ae
```
#21b9ae rgb(33,185,174)
```
#21b7b9
```
#21b7b9 rgb(33,183,185)
```
#21aab9
```
#21aab9 rgb(33,170,185)
```
#219eb9
```
#219eb9 rgb(33,158,185)
```
#2191b9
```
#2191b9 rgb(33,145,185)
```

Similar Colors

Text with hexadecimal color #21b7b9

This text has a font color of #21b7b9.

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

#21b7b9 background color

This paragraph has a background color of #21b7b9.

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

#21b7b9 border color

This element has a border color of #21b7b9.

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

CSS codes

.text {color:#21b7b9;}

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

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

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

#000202
```
#000202 rgb(0,2,2)
```
#031213
```
#031213 rgb(3,18,19)
```
#062323
```
#062323 rgb(6,35,35)
```
#093334
```
#093334 rgb(9,51,52)
```
#0c4444
```
#0c4444 rgb(12,68,68)
```
#0f5455
```
#0f5455 rgb(15,84,85)
```
#126566
```
#126566 rgb(18,101,102)
```
#157576
```
#157576 rgb(21,117,118)
```
#188687
```
#188687 rgb(24,134,135)
```
#1b9698
```
#1b9698 rgb(27,150,152)
```
#1ea7a8
```
#1ea7a8 rgb(30,167,168)
```
#21b7b9
```
#21b7b9 rgb(33,183,185)
```
#24c7ca
```
#24c7ca rgb(36,199,202)
```

Shade Color Variation

#28d6d9
```
#28d6d9 rgb(40,214,217)
```
#39dadc
```
#39dadc rgb(57,218,220)
```
#4adddf
```
#4adddf rgb(74,221,223)
```
#5ae0e2
```
#5ae0e2 rgb(90,224,226)
```
#6be3e5
```
#6be3e5 rgb(107,227,229)
```
#7ce6e8
```
#7ce6e8 rgb(124,230,232)
```
#8ce9eb
```
#8ce9eb rgb(140,233,235)
```
#9decee
```
#9decee rgb(157,236,238)
```
#aef0f0
```
#aef0f0 rgb(174,240,240)
```
#bef3f3
```
#bef3f3 rgb(190,243,243)
```
#cff6f6
```
#cff6f6 rgb(207,246,246)
```
#e0f9f9
```
#e0f9f9 rgb(224,249,249)
```
#f0fcfc
```
#f0fcfc rgb(240,252,252)
```

Tint Color Variation

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

#6c6e6e
```
#6c6e6e rgb(108,110,110)
```
#647676
```
#647676 rgb(100,118,118)
```
#5c7e7e
```
#5c7e7e rgb(92,126,126)
```
#538687
```
#538687 rgb(83,134,135)
```
#4b8e8f
```
#4b8e8f rgb(75,142,143)
```
#439697
```
#439697 rgb(67,150,151)
```
#3a9fa0
```
#3a9fa0 rgb(58,159,160)
```
#32a7a8
```
#32a7a8 rgb(50,167,168)
```
#29afb1
```
#29afb1 rgb(41,175,177)
```
#21b7b9
```
#21b7b9 rgb(33,183,185)
```
#19bfc1
```
#19bfc1 rgb(25,191,193)
```
#10c7ca
```
#10c7ca rgb(16,199,202)
```
#08cfd2
```
#08cfd2 rgb(8,207,210)
```

Tone Color Variation

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

Dichromacy

#aaa8b2 Protanopia 1% of men
#aca6c4 Deuteranopia 1% of men
#38b9c6 Tritanopia 0.001% of the population

Trichromacy

#78adb4 Protanomaly 1% of men, 0.01% of women
#79acc0 Deuteranomaly 6% of men, 0.4% of women
#2fb8c1 Tritanomaly 0.01% of the population