#5bcf96 hex color

In a RGB color space, hex #5bcf96 is composed of 35.7% red, 81.2% green and 58.8% blue. Whereas in a CMYK color space, it is composed of 56% cyan, 0% magenta, 27.5% yellow and 18.8% black. It has a hue angle of 150.5 degrees, a saturation of 54.7% and a lightness of 58.4%. #5bcf96 color hex could be obtained by blending #b6ffff with #009f2d. Closest websafe color is: #66cc99.

♥
- f
- t
- g
- R 36
- G 81
- B 59
RGB color chart
- C 56
- M 0
- Y 28
- K 19
CMYK color chart

● #5bcf96 color description : Moderate cyan - lime green.

The hexadecimal color #5bcf96 has RGB values of R:91, G:207, B:150 and CMYK values of C:0.56, M:0, Y:0.28, K:0.19. Its decimal value is 6016918.

Hex triplet	5bcf96	`#5bcf96`
RGB Decimal	91, 207, 150	`rgb(91,207,150)`
RGB Percent	35.7, 81.2, 58.8	`rgb(35.7%,81.2%,58.8%)`
CMYK	56, 0, 28, 19
HSL	150.5°, 54.7, 58.4	`hsl(150.5,54.7%,58.4%)`
HSV (or HSB)	150.5°, 56, 81.2
Web Safe	66cc99	`#66cc99`

CIE-LAB	75.482, -46.013, 18.633
XYZ	32.13, 49.049, 36.627
xyY	0.273, 0.416, 49.049
CIE-LCH	75.482, 49.643, 157.954
CIE-LUV	75.482, -50.456, 33.942
Hunter-Lab	70.035, -40.671, 18.017
Binary	01011011, 11001111, 10010110

#5bcf96
```
#5bcf96 rgb(91,207,150)
```
#cf5b94
```
#cf5b94 rgb(207,91,148)
```

Complementary Color

#5bcf5c
```
#5bcf5c rgb(91,207,92)
```
#5bcf96
```
#5bcf96 rgb(91,207,150)
```
#5bcecf
```
#5bcecf rgb(91,206,207)
```

Analogous Color

#cf5c5b
```
#cf5c5b rgb(207,92,91)
```
#5bcf96
```
#5bcf96 rgb(91,207,150)
```
#cf5bce
```
#cf5bce rgb(207,91,206)
```

Split Complementary Color

#cf965b
```
#cf965b rgb(207,150,91)
```
#5bcf96
```
#5bcf96 rgb(91,207,150)
```
#965bcf
```
#965bcf rgb(150,91,207)
```

Triadic Color

#94cf5b
```
#94cf5b rgb(148,207,91)
```
#5bcf96
```
#5bcf96 rgb(91,207,150)
```
#965bcf
```
#965bcf rgb(150,91,207)
```
#cf5b94
```
#cf5b94 rgb(207,91,148)
```

Tetradic Color

#32ab70
```
#32ab70 rgb(50,171,112)
```
#38bf7d
```
#38bf7d rgb(56,191,125)
```
#47c989
```
#47c989 rgb(71,201,137)
```
#5bcf96
```
#5bcf96 rgb(91,207,150)
```
#6fd5a3
```
#6fd5a3 rgb(111,213,163)
```
#82dbaf
```
#82dbaf rgb(130,219,175)
```
#96e0bc
```
#96e0bc rgb(150,224,188)
```

Monochromatic Color

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

#5bcf79
```
#5bcf79 rgb(91,207,121)
```
#5bcf83
```
#5bcf83 rgb(91,207,131)
```
#5bcf8c
```
#5bcf8c rgb(91,207,140)
```
#5bcf96
```
#5bcf96 rgb(91,207,150)
```
#5bcfa0
```
#5bcfa0 rgb(91,207,160)
```
#5bcfa9
```
#5bcfa9 rgb(91,207,169)
```
#5bcfb3
```
#5bcfb3 rgb(91,207,179)
```

Similar Colors

Text with hexadecimal color #5bcf96

This text has a font color of #5bcf96.

<span style="color:#5bcf96;">Text here</span>

#5bcf96 background color

This paragraph has a background color of #5bcf96.

<p style="background-color:#5bcf96;">Content here</p>

#5bcf96 border color

This element has a border color of #5bcf96.

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

CSS codes

.text {color:#5bcf96;}

.background {background-color:#5bcf96;}

.border {border:1px solid #5bcf96;}

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

#010302
```
#010302 rgb(1,3,2)
```
#05120c
```
#05120c rgb(5,18,12)
```
#0a2116
```
#0a2116 rgb(10,33,22)
```
#0e3020
```
#0e3020 rgb(14,48,32)
```
#13402a
```
#13402a rgb(19,64,42)
```
#174f33
```
#174f33 rgb(23,79,51)
```
#1c5e3d
```
#1c5e3d rgb(28,94,61)
```
#206d47
```
#206d47 rgb(32,109,71)
```
#247c51
```
#247c51 rgb(36,124,81)
```
#298b5b
```
#298b5b rgb(41,139,91)
```
#2d9b65
```
#2d9b65 rgb(45,155,101)
```
#32aa6f
```
#32aa6f rgb(50,170,111)
```
#36b979
```
#36b979 rgb(54,185,121)
```

Shade Color Variation

#3dc683
```
#3dc683 rgb(61,198,131)
```
#4ccb8c
```
#4ccb8c rgb(76,203,140)
```
#5bcf96
```
#5bcf96 rgb(91,207,150)
```
#6ad3a0
```
#6ad3a0 rgb(106,211,160)
```
#79d8a9
```
#79d8a9 rgb(121,216,169)
```
#89dcb3
```
#89dcb3 rgb(137,220,179)
```
#98e1bd
```
#98e1bd rgb(152,225,189)
```
#a7e5c7
```
#a7e5c7 rgb(167,229,199)
```
#b6ead0
```
#b6ead0 rgb(182,234,208)
```
#c5eeda
```
#c5eeda rgb(197,238,218)
```
#d4f3e4
```
#d4f3e4 rgb(212,243,228)
```
#e4f7ed
```
#e4f7ed rgb(228,247,237)
```
#f3fbf7
```
#f3fbf7 rgb(243,251,247)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #949695 is the less saturated color, while #32f897 is the most saturated one.

#949695
```
#949695 rgb(148,150,149)
```
#8c9e95
```
#8c9e95 rgb(140,158,149)
```
#84a695
```
#84a695 rgb(132,166,149)
```
#7cae95
```
#7cae95 rgb(124,174,149)
```
#73b796
```
#73b796 rgb(115,183,150)
```
#6bbf96
```
#6bbf96 rgb(107,191,150)
```
#63c796
```
#63c796 rgb(99,199,150)
```
#5bcf96
```
#5bcf96 rgb(91,207,150)
```
#53d796
```
#53d796 rgb(83,215,150)
```
#4bdf96
```
#4bdf96 rgb(75,223,150)
```
#43e796
```
#43e796 rgb(67,231,150)
```
#3af097
```
#3af097 rgb(58,240,151)
```
#32f897
```
#32f897 rgb(50,248,151)
```

Tone Color Variation

Below, you can see how #5bcf96 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

#a6a6a6 Achromatopsia 0.005% of the population
#97aea3 Atypical Achromatopsia 0.001% of the population

Dichromacy

#cabd92 Protanopia 1% of men
#d8b6a4 Deuteranopia 1% of men
#79c9d8 Tritanopia 0.001% of the population

Trichromacy

#a1c393 Protanomaly 1% of men, 0.01% of women
#aabf9f Deuteranomaly 6% of men, 0.4% of women
#6ecbc0 Tritanomaly 0.01% of the population

#5bcf96 hex color

#5bcf96 Color Information

#5bcf96 Color Conversion

Color Schemes with #5bcf96

Alternatives to #5bcf96

#5bcf96 Preview

Shades and Tints of #5bcf96

Tones of #5bcf96

Color Blindness Simulator