#21bf96 hex color

In a RGB color space, hex #21bf96 is composed of 12.9% red, 74.9% green and 58.8% blue. Whereas in a CMYK color space, it is composed of 82.7% cyan, 0% magenta, 21.5% yellow and 25.1% black. It has a hue angle of 164.4 degrees, a saturation of 70.5% and a lightness of 43.9%. #21bf96 color hex could be obtained by blending #42ffff with #007f2d. Closest websafe color is: #33cc99.

♥
- f
- t
- g
- R 13
- G 75
- B 59
RGB color chart
- C 83
- M 0
- Y 21
- K 25
CMYK color chart

● #21bf96 color description : Strong cyan - lime green.

The hexadecimal color #21bf96 has RGB values of R:33, G:191, B:150 and CMYK values of C:0.83, M:0, Y:0.21, K:0.25. Its decimal value is 2211734.

Hex triplet	21bf96	`#21bf96`
RGB Decimal	33, 191, 150	`rgb(33,191,150)`
RGB Percent	12.9, 74.9, 58.8	`rgb(12.9%,74.9%,58.8%)`
CMYK	83, 0, 21, 25
HSL	164.4°, 70.5, 43.9	`hsl(164.4,70.5%,43.9%)`
HSV (or HSB)	164.4°, 82.7, 74.9
Web Safe	33cc99	`#33cc99`

CIE-LAB	69.316, -48.406, 9.797
XYZ	24.761, 39.784, 35.227
xyY	0.248, 0.399, 39.784
CIE-LCH	69.316, 49.387, 168.558
CIE-LUV	69.316, -55.547, 21.663
Hunter-Lab	63.075, -40.309, 11.04
Binary	00100001, 10111111, 10010110

#21bf96
```
#21bf96 rgb(33,191,150)
```
#bf214a
```
#bf214a rgb(191,33,74)
```

Complementary Color

#21bf47
```
#21bf47 rgb(33,191,71)
```
#21bf96
```
#21bf96 rgb(33,191,150)
```
#2199bf
```
#2199bf rgb(33,153,191)
```

Analogous Color

#bf4721
```
#bf4721 rgb(191,71,33)
```
#21bf96
```
#21bf96 rgb(33,191,150)
```
#bf2199
```
#bf2199 rgb(191,33,153)
```

Split Complementary Color

#bf9621
```
#bf9621 rgb(191,150,33)
```
#21bf96
```
#21bf96 rgb(33,191,150)
```
#9621bf
```
#9621bf rgb(150,33,191)
```

Triadic Color

#4abf21
```
#4abf21 rgb(74,191,33)
```
#21bf96
```
#21bf96 rgb(33,191,150)
```
#9621bf
```
#9621bf rgb(150,33,191)
```
#bf214a
```
#bf214a rgb(191,33,74)
```

Tetradic Color

#167e63
```
#167e63 rgb(22,126,99)
```
#199474
```
#199474 rgb(25,148,116)
```
#1da985
```
#1da985 rgb(29,169,133)
```
#21bf96
```
#21bf96 rgb(33,191,150)
```
#25d5a7
```
#25d5a7 rgb(37,213,167)
```
#37dcb1
```
#37dcb1 rgb(55,220,177)
```
#4ce0ba
```
#4ce0ba rgb(76,224,186)
```

Monochromatic Color

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

#21bf6f
```
#21bf6f rgb(33,191,111)
```
#21bf7c
```
#21bf7c rgb(33,191,124)
```
#21bf89
```
#21bf89 rgb(33,191,137)
```
#21bf96
```
#21bf96 rgb(33,191,150)
```
#21bfa3
```
#21bfa3 rgb(33,191,163)
```
#21bfb0
```
#21bfb0 rgb(33,191,176)
```
#21bfbe
```
#21bfbe rgb(33,191,190)
```

Similar Colors

Text with hexadecimal color #21bf96

This text has a font color of #21bf96.

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

#21bf96 background color

This paragraph has a background color of #21bf96.

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

#21bf96 border color

This element has a border color of #21bf96.

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

CSS codes

.text {color:#21bf96;}

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

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

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

#010706
```
#010706 rgb(1,7,6)
```
#041813
```
#041813 rgb(4,24,19)
```
#072820
```
#072820 rgb(7,40,32)
```
#0a392d
```
#0a392d rgb(10,57,45)
```
#0d4a3a
```
#0d4a3a rgb(13,74,58)
```
#105b47
```
#105b47 rgb(16,91,71)
```
#136b54
```
#136b54 rgb(19,107,84)
```
#157c61
```
#157c61 rgb(21,124,97)
```
#188d6f
```
#188d6f rgb(24,141,111)
```
#1b9e7c
```
#1b9e7c rgb(27,158,124)
```
#1eae89
```
#1eae89 rgb(30,174,137)
```
#21bf96
```
#21bf96 rgb(33,191,150)
```
#24d0a3
```
#24d0a3 rgb(36,208,163)
```

Shade Color Variation

#2ddbad
```
#2ddbad rgb(45,219,173)
```
#3ddeb4
```
#3ddeb4 rgb(61,222,180)
```
#4ee0ba
```
#4ee0ba rgb(78,224,186)
```
#5fe3c1
```
#5fe3c1 rgb(95,227,193)
```
#6fe6c7
```
#6fe6c7 rgb(111,230,199)
```
#80e9ce
```
#80e9ce rgb(128,233,206)
```
#91ecd4
```
#91ecd4 rgb(145,236,212)
```
#a2efdb
```
#a2efdb rgb(162,239,219)
```
#b2f2e1
```
#b2f2e1 rgb(178,242,225)
```
#c3f5e8
```
#c3f5e8 rgb(195,245,232)
```
#d4f8ee
```
#d4f8ee rgb(212,248,238)
```
#e5faf5
```
#e5faf5 rgb(229,250,245)
```
#f5fdfb
```
#f5fdfb rgb(245,253,251)
```

Tint Color Variation

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

#6f7171
```
#6f7171 rgb(111,113,113)
```
#667a75
```
#667a75 rgb(102,122,117)
```
#5d8379
```
#5d8379 rgb(93,131,121)
```
#558b7d
```
#558b7d rgb(85,139,125)
```
#4c9481
```
#4c9481 rgb(76,148,129)
```
#439d85
```
#439d85 rgb(67,157,133)
```
#3ba58a
```
#3ba58a rgb(59,165,138)
```
#32ae8e
```
#32ae8e rgb(50,174,142)
```
#2ab692
```
#2ab692 rgb(42,182,146)
```
#21bf96
```
#21bf96 rgb(33,191,150)
```
#18c89a
```
#18c89a rgb(24,200,154)
```
#10d09e
```
#10d09e rgb(16,208,158)
```
#07d9a2
```
#07d9a2 rgb(7,217,162)
```

Tone Color Variation

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

Dichromacy

#b7ad91 Protanopia 1% of men
#c1a8a4 Deuteranopia 1% of men
#4fbbc9 Tritanopia 0.001% of the population

Trichromacy

#80b393 Protanomaly 1% of men, 0.01% of women
#86b09f Deuteranomaly 6% of men, 0.4% of women
#3ebdb6 Tritanomaly 0.01% of the population

#21bf96 hex color

#21bf96 Color Information

#21bf96 Color Conversion

Color Schemes with #21bf96

Alternatives to #21bf96

#21bf96 Preview

Shades and Tints of #21bf96

Tones of #21bf96

Color Blindness Simulator