#5bde97 hex color

In a RGB color space, hex #5bde97 is composed of 35.7% red, 87.1% green and 59.2% blue. Whereas in a CMYK color space, it is composed of 59% cyan, 0% magenta, 32% yellow and 12.9% black. It has a hue angle of 147.5 degrees, a saturation of 66.5% and a lightness of 61.4%. #5bde97 color hex could be obtained by blending #b6ffff with #00bd2f. 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

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

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

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

CIE-LAB	80.01, -52.006, 24.325
XYZ	36.019, 56.698, 38.322
xyY	0.275, 0.433, 56.698
CIE-LCH	80.01, 57.414, 154.933
CIE-LUV	80.01, -56.138, 42.857
Hunter-Lab	75.298, -46.386, 22.534
Binary	01011011, 11011110, 10010111

#5bde97
```
#5bde97 rgb(91,222,151)
```
#de5ba2
```
#de5ba2 rgb(222,91,162)
```

Complementary Color

#61de5b
```
#61de5b rgb(97,222,91)
```
#5bde97
```
#5bde97 rgb(91,222,151)
```
#5bded9
```
#5bded9 rgb(91,222,217)
```

Analogous Color

#de5b61
```
#de5b61 rgb(222,91,97)
```
#5bde97
```
#5bde97 rgb(91,222,151)
```
#d95bde
```
#d95bde rgb(217,91,222)
```

Split Complementary Color

#de975b
```
#de975b rgb(222,151,91)
```
#5bde97
```
#5bde97 rgb(91,222,151)
```
#975bde
```
#975bde rgb(151,91,222)
```

Triadic Color

#a2de5b
```
#a2de5b rgb(162,222,91)
```
#5bde97
```
#5bde97 rgb(91,222,151)
```
#975bde
```
#975bde rgb(151,91,222)
```
#de5ba2
```
#de5ba2 rgb(222,91,162)
```

Tetradic Color

#28c570
```
#28c570 rgb(40,197,112)
```
#31d57c
```
#31d57c rgb(49,213,124)
```
#46da8a
```
#46da8a rgb(70,218,138)
```
#5bde97
```
#5bde97 rgb(91,222,151)
```
#70e2a4
```
#70e2a4 rgb(112,226,164)
```
#85e7b2
```
#85e7b2 rgb(133,231,178)
```
#9bebbf
```
#9bebbf rgb(155,235,191)
```

Monochromatic Color

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

#5bde76
```
#5bde76 rgb(91,222,118)
```
#5bde81
```
#5bde81 rgb(91,222,129)
```
#5bde8c
```
#5bde8c rgb(91,222,140)
```
#5bde97
```
#5bde97 rgb(91,222,151)
```
#5bdea2
```
#5bdea2 rgb(91,222,162)
```
#5bdead
```
#5bdead rgb(91,222,173)
```
#5bdeb8
```
#5bdeb8 rgb(91,222,184)
```

Similar Colors

Text with hexadecimal color #5bde97

This text has a font color of #5bde97.

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

#5bde97 background color

This paragraph has a background color of #5bde97.

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

#5bde97 border color

This element has a border color of #5bde97.

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

CSS codes

.text {color:#5bde97;}

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

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

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)
```
#0d4125
```
#0d4125 rgb(13,65,37)
```
#10512e
```
#10512e rgb(16,81,46)
```
#146137
```
#146137 rgb(20,97,55)
```
#177240
```
#177240 rgb(23,114,64)
```
#1a824a
```
#1a824a rgb(26,130,74)
```
#1d9253
```
#1d9253 rgb(29,146,83)
```
#21a35c
```
#21a35c rgb(33,163,92)
```
#24b365
```
#24b365 rgb(36,179,101)
```
#27c36f
```
#27c36f rgb(39,195,111)
```
#2bd478
```
#2bd478 rgb(43,212,120)
```

Shade Color Variation

#3ad782
```
#3ad782 rgb(58,215,130)
```
#4bdb8d
```
#4bdb8d rgb(75,219,141)
```
#5bde97
```
#5bde97 rgb(91,222,151)
```
#6be1a1
```
#6be1a1 rgb(107,225,161)
```
#7ce5ac
```
#7ce5ac rgb(124,229,172)
```
#8ce8b6
```
#8ce8b6 rgb(140,232,182)
```
#9cebc0
```
#9cebc0 rgb(156,235,192)
```
#adeecb
```
#adeecb rgb(173,238,203)
```
#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 #3dfc94 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)
```
#79c09a
```
#79c09a rgb(121,192,154)
```
#72c799
```
#72c799 rgb(114,199,153)
```
#6acf98
```
#6acf98 rgb(106,207,152)
```
#63d698
```
#63d698 rgb(99,214,152)
```
#5bde97
```
#5bde97 rgb(91,222,151)
```
#53e696
```
#53e696 rgb(83,230,150)
```
#4ced96
```
#4ced96 rgb(76,237,150)
```
#44f595
```
#44f595 rgb(68,245,149)
```
#3dfc94
```
#3dfc94 rgb(61,252,148)
```

Tone Color Variation

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

#d8c993 Protanopia 1% of men
#e8c1a6 Deuteranopia 1% of men
#7ed6e5 Tritanopia 0.001% of the population

Trichromacy

#aad094 Protanomaly 1% of men, 0.01% of women
#b4cca0 Deuteranomaly 6% of men, 0.4% of women
#71d9c9 Tritanomaly 0.01% of the population

#5bde97 hex color

#5bde97 Color Information

#5bde97 Color Conversion

Color Schemes with #5bde97

Alternatives to #5bde97

#5bde97 Preview

Shades and Tints of #5bde97

Tones of #5bde97

Color Blindness Simulator