#5bde96 hex color

In a RGB color space, hex #5bde96 is composed of 35.7% red, 87.1% green and 58.8% blue. Whereas in a CMYK color space, it is composed of 59% cyan, 0% magenta, 32.4% yellow and 12.9% black. It has a hue angle of 147 degrees, a saturation of 66.5% and a lightness of 61.4%. #5bde96 color hex could be obtained by blending #b6ffff with #00bd2d. Closest websafe color is: #66cc99.

♥
- f
- t
- g
- R 36
- G 87
- B 59
RGB color chart
- C 59
- M 0
- Y 32
- K 13
CMYK color chart

● #5bde96 color description : Soft cyan - lime green.

The hexadecimal color #5bde96 has RGB values of R:91, G:222, B:150 and CMYK values of C:0.59, M:0, Y:0.32, K:0.13. Its decimal value is 6020758.

Hex triplet	5bde96	`#5bde96`
RGB Decimal	91, 222, 150	`rgb(91,222,150)`
RGB Percent	35.7, 87.1, 58.8	`rgb(35.7%,87.1%,58.8%)`
CMYK	59, 0, 32, 13
HSL	147°, 66.5, 61.4	`hsl(147,66.5%,61.4%)`
HSV (or HSB)	147°, 59, 87.1
Web Safe	66cc99	`#66cc99`

CIE-LAB	79.991, -52.199, 24.819
XYZ	35.938, 56.666, 37.896
xyY	0.275, 0.434, 56.666
CIE-LCH	79.991, 57.799, 154.57
CIE-LUV	79.991, -56.186, 43.522
Hunter-Lab	75.277, -46.515, 22.846
Binary	01011011, 11011110, 10010110

#5bde96
```
#5bde96 rgb(91,222,150)
```
#de5ba3
```
#de5ba3 rgb(222,91,163)
```

Complementary Color

#62de5b
```
#62de5b rgb(98,222,91)
```
#5bde96
```
#5bde96 rgb(91,222,150)
```
#5bded8
```
#5bded8 rgb(91,222,216)
```

Analogous Color

#de5b62
```
#de5b62 rgb(222,91,98)
```
#5bde96
```
#5bde96 rgb(91,222,150)
```
#d85bde
```
#d85bde rgb(216,91,222)
```

Split Complementary Color

#de965b
```
#de965b rgb(222,150,91)
```
#5bde96
```
#5bde96 rgb(91,222,150)
```
#965bde
```
#965bde rgb(150,91,222)
```

Triadic Color

#a3de5b
```
#a3de5b rgb(163,222,91)
```
#5bde96
```
#5bde96 rgb(91,222,150)
```
#965bde
```
#965bde rgb(150,91,222)
```
#de5ba3
```
#de5ba3 rgb(222,91,163)
```

Tetradic Color

#28c56e
```
#28c56e rgb(40,197,110)
```
#31d57b
```
#31d57b rgb(49,213,123)
```
#46da88
```
#46da88 rgb(70,218,136)
```
#5bde96
```
#5bde96 rgb(91,222,150)
```
#70e2a4
```
#70e2a4 rgb(112,226,164)
```
#85e7b1
```
#85e7b1 rgb(133,231,177)
```
#9bebbf
```
#9bebbf rgb(155,235,191)
```

Monochromatic Color

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

#5bde75
```
#5bde75 rgb(91,222,117)
```
#5bde80
```
#5bde80 rgb(91,222,128)
```
#5bde8b
```
#5bde8b rgb(91,222,139)
```
#5bde96
```
#5bde96 rgb(91,222,150)
```
#5bdea1
```
#5bdea1 rgb(91,222,161)
```
#5bdeac
```
#5bdeac rgb(91,222,172)
```
#5bdeb7
```
#5bdeb7 rgb(91,222,183)
```

Similar Colors

Text with hexadecimal color #5bde96

This text has a font color of #5bde96.

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

#5bde96 background color

This paragraph has a background color of #5bde96.

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

#5bde96 border color

This element has a border color of #5bde96.

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

CSS codes

.text {color:#5bde96;}

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

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

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

#031009
```
#031009 rgb(3,16,9)
```
#062012
```
#062012 rgb(6,32,18)
```
#0a301b
```
#0a301b rgb(10,48,27)
```
#0d4124
```
#0d4124 rgb(13,65,36)
```
#10512d
```
#10512d rgb(16,81,45)
```
#146137
```
#146137 rgb(20,97,55)
```
#177240
```
#177240 rgb(23,114,64)
```
#1a8249
```
#1a8249 rgb(26,130,73)
```
#1d9252
```
#1d9252 rgb(29,146,82)
```
#21a35b
```
#21a35b rgb(33,163,91)
```
#24b364
```
#24b364 rgb(36,179,100)
```
#27c36e
```
#27c36e rgb(39,195,110)
```
#2bd477
```
#2bd477 rgb(43,212,119)
```

Shade Color Variation

#3ad781
```
#3ad781 rgb(58,215,129)
```
#4bdb8c
```
#4bdb8c rgb(75,219,140)
```
#5bde96
```
#5bde96 rgb(91,222,150)
```
#6be1a0
```
#6be1a0 rgb(107,225,160)
```
#7ce5ab
```
#7ce5ab rgb(124,229,171)
```
#8ce8b5
```
#8ce8b5 rgb(140,232,181)
```
#9cebc0
```
#9cebc0 rgb(156,235,192)
```
#adeeca
```
#adeeca rgb(173,238,202)
```
#bdf2d5
```
#bdf2d5 rgb(189,242,213)
```
#cdf5df
```
#cdf5df rgb(205,245,223)
```
#def8ea
```
#def8ea rgb(222,248,234)
```
#eefcf4
```
#eefcf4 rgb(238,252,244)
```
#feffff
```
#feffff rgb(254,255,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #98a19c is the less saturated color, while #3dfc93 is the most saturated one.

#98a19c
```
#98a19c rgb(152,161,156)
```
#90a99b
```
#90a99b rgb(144,169,155)
```
#88b19b
```
#88b19b rgb(136,177,155)
```
#81b89a
```
#81b89a rgb(129,184,154)
```
#79c099
```
#79c099 rgb(121,192,153)
```
#72c798
```
#72c798 rgb(114,199,152)
```
#6acf98
```
#6acf98 rgb(106,207,152)
```
#63d697
```
#63d697 rgb(99,214,151)
```
#5bde96
```
#5bde96 rgb(91,222,150)
```
#53e695
```
#53e695 rgb(83,230,149)
```
#4ced94
```
#4ced94 rgb(76,237,148)
```
#44f594
```
#44f594 rgb(68,245,148)
```
#3dfc93
```
#3dfc93 rgb(61,252,147)
```

Tone Color Variation

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

#afafaf Achromatopsia 0.005% of the population
#9eb8aa Atypical Achromatopsia 0.001% of the population

Dichromacy

#d8c992 Protanopia 1% of men
#e8c1a5 Deuteranopia 1% of men
#7fd6e5 Tritanopia 0.001% of the population

Trichromacy

#aad093 Protanomaly 1% of men, 0.01% of women
#b5cc9f Deuteranomaly 6% of men, 0.4% of women
#71d9c8 Tritanomaly 0.01% of the population

#5bde96 hex color

#5bde96 Color Information

#5bde96 Color Conversion

Color Schemes with #5bde96

Alternatives to #5bde96

#5bde96 Preview

Shades and Tints of #5bde96

Tones of #5bde96

Color Blindness Simulator