#21b796 hex color

In a RGB color space, hex #21b796 is composed of 12.9% red, 71.8% green and 58.8% blue. Whereas in a CMYK color space, it is composed of 82% cyan, 0% magenta, 18% yellow and 28.2% black. It has a hue angle of 166.8 degrees, a saturation of 69.4% and a lightness of 42.4%. #21b796 color hex could be obtained by blending #42ffff with #006f2d. Closest websafe color is: #33cc99.

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

● #21b796 color description : Strong cyan.

The hexadecimal color #21b796 has RGB values of R:33, G:183, B:150 and CMYK values of C:0.82, M:0, Y:0.18, K:0.28. Its decimal value is 2209686.

Hex triplet	21b796	`#21b796`
RGB Decimal	33, 183, 150	`rgb(33,183,150)`
RGB Percent	12.9, 71.8, 58.8	`rgb(12.9%,71.8%,58.8%)`
CMYK	82, 0, 18, 28
HSL	166.8°, 69.4, 42.4	`hsl(166.8,69.4%,42.4%)`
HSV (or HSB)	166.8°, 82, 71.8
Web Safe	33cc99	`#33cc99`

CIE-LAB	66.817, -45.104, 6.228
XYZ	23.064, 36.39, 34.661
xyY	0.245, 0.387, 36.39
CIE-LCH	66.817, 45.532, 172.139
CIE-LUV	66.817, -52.759, 15.966
Hunter-Lab	60.324, -37.321, 8.16
Binary	00100001, 10110111, 10010110

#21b796
```
#21b796 rgb(33,183,150)
```
#b72142
```
#b72142 rgb(183,33,66)
```

Complementary Color

#21b74b
```
#21b74b rgb(33,183,75)
```
#21b796
```
#21b796 rgb(33,183,150)
```
#218db7
```
#218db7 rgb(33,141,183)
```

Analogous Color

#b74b21
```
#b74b21 rgb(183,75,33)
```
#21b796
```
#21b796 rgb(33,183,150)
```
#b7218d
```
#b7218d rgb(183,33,141)
```

Split Complementary Color

#b79621
```
#b79621 rgb(183,150,33)
```
#21b796
```
#21b796 rgb(33,183,150)
```
#9621b7
```
#9621b7 rgb(150,33,183)
```

Triadic Color

#42b721
```
#42b721 rgb(66,183,33)
```
#21b796
```
#21b796 rgb(33,183,150)
```
#9621b7
```
#9621b7 rgb(150,33,183)
```
#b72142
```
#b72142 rgb(183,33,66)
```

Tetradic Color

#157661
```
#157661 rgb(21,118,97)
```
#198c73
```
#198c73 rgb(25,140,115)
```
#1da184
```
#1da184 rgb(29,161,132)
```
#21b796
```
#21b796 rgb(33,183,150)
```
#25cda8
```
#25cda8 rgb(37,205,168)
```
#31dab5
```
#31dab5 rgb(49,218,181)
```
#47debd
```
#47debd rgb(71,222,189)
```

Monochromatic Color

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

#21b771
```
#21b771 rgb(33,183,113)
```
#21b77d
```
#21b77d rgb(33,183,125)
```
#21b78a
```
#21b78a rgb(33,183,138)
```
#21b796
```
#21b796 rgb(33,183,150)
```
#21b7a3
```
#21b7a3 rgb(33,183,163)
```
#21b7af
```
#21b7af rgb(33,183,175)
```
#21b3b7
```
#21b3b7 rgb(33,179,183)
```

Similar Colors

Text with hexadecimal color #21b796

This text has a font color of #21b796.

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

#21b796 background color

This paragraph has a background color of #21b796.

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

#21b796 border color

This element has a border color of #21b796.

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

CSS codes

.text {color:#21b796;}

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

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

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

#000000
```
#000000 rgb(0,0,0)
```
#03110e
```
#03110e rgb(3,17,14)
```
#06211b
```
#06211b rgb(6,33,27)
```
#093229
```
#093229 rgb(9,50,41)
```
#0c4337
```
#0c4337 rgb(12,67,55)
```
#0f5344
```
#0f5344 rgb(15,83,68)
```
#126452
```
#126452 rgb(18,100,82)
```
#157560
```
#157560 rgb(21,117,96)
```
#18856d
```
#18856d rgb(24,133,109)
```
#1b967b
```
#1b967b rgb(27,150,123)
```
#1ea688
```
#1ea688 rgb(30,166,136)
```
#21b796
```
#21b796 rgb(33,183,150)
```
#24c8a4
```
#24c8a4 rgb(36,200,164)
```

Shade Color Variation

#27d8b1
```
#27d8b1 rgb(39,216,177)
```
#38dbb7
```
#38dbb7 rgb(56,219,183)
```
#48debd
```
#48debd rgb(72,222,189)
```
#59e1c3
```
#59e1c3 rgb(89,225,195)
```
#6ae4c9
```
#6ae4c9 rgb(106,228,201)
```
#7ae7cf
```
#7ae7cf rgb(122,231,207)
```
#8bead5
```
#8bead5 rgb(139,234,213)
```
#9beddb
```
#9beddb rgb(155,237,219)
```
#acf0e1
```
#acf0e1 rgb(172,240,225)
```
#bdf3e7
```
#bdf3e7 rgb(189,243,231)
```
#cdf6ed
```
#cdf6ed rgb(205,246,237)
```
#def9f3
```
#def9f3 rgb(222,249,243)
```
#effcf9
```
#effcf9 rgb(239,252,249)
```

Tint Color Variation

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

#6c6c6c
```
#6c6c6c rgb(108,108,108)
```
#637571
```
#637571 rgb(99,117,113)
```
#5b7d75
```
#5b7d75 rgb(91,125,117)
```
#53857a
```
#53857a rgb(83,133,122)
```
#4b8d7f
```
#4b8d7f rgb(75,141,127)
```
#429683
```
#429683 rgb(66,150,131)
```
#3a9e88
```
#3a9e88 rgb(58,158,136)
```
#32a68d
```
#32a68d rgb(50,166,141)
```
#29af91
```
#29af91 rgb(41,175,145)
```
#21b796
```
#21b796 rgb(33,183,150)
```
#19bf9b
```
#19bf9b rgb(25,191,155)
```
#10c89f
```
#10c89f rgb(16,200,159)
```
#08d0a4
```
#08d0a4 rgb(8,208,164)
```

Tone Color Variation

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

#868686 Achromatopsia 0.005% of the population
#729089 Atypical Achromatopsia 0.001% of the population

Dichromacy

#afa691 Protanopia 1% of men
#b7a2a4 Deuteranopia 1% of men
#4bb5c2 Tritanopia 0.001% of the population

Trichromacy

#7bac93 Protanomaly 1% of men, 0.01% of women
#81a99e Deuteranomaly 6% of men, 0.4% of women
#3bb5b2 Tritanomaly 0.01% of the population

#21b796 hex color

#21b796 Color Information

#21b796 Color Conversion

Color Schemes with #21b796

Alternatives to #21b796

#21b796 Preview

Shades and Tints of #21b796

Tones of #21b796

Color Blindness Simulator