#5bdd97 hex color

In a RGB color space, hex #5bdd97 is composed of 35.7% red, 86.7% green and 59.2% blue. Whereas in a CMYK color space, it is composed of 58.8% cyan, 0% magenta, 31.7% yellow and 13.3% black. It has a hue angle of 147.7 degrees, a saturation of 65.7% and a lightness of 61.2%. #5bdd97 color hex could be obtained by blending #b6ffff with #00bb2f. 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

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

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

Hex triplet	5bdd97	`#5bdd97`
RGB Decimal	91, 221, 151	`rgb(91,221,151)`
RGB Percent	35.7, 86.7, 59.2	`rgb(35.7%,86.7%,59.2%)`
CMYK	59, 0, 32, 13
HSL	147.7°, 65.7, 61.2	`hsl(147.7,65.7%,61.2%)`
HSV (or HSB)	147.7°, 58.8, 86.7
Web Safe	66cc99	`#66cc99`

CIE-LAB	79.71, -51.603, 23.917
XYZ	35.754, 56.169, 38.234
xyY	0.275, 0.432, 56.169
CIE-LCH	79.71, 56.876, 155.133
CIE-LUV	79.71, -55.761, 42.229
Hunter-Lab	74.946, -45.998, 22.215
Binary	01011011, 11011101, 10010111

#5bdd97
```
#5bdd97 rgb(91,221,151)
```
#dd5ba1
```
#dd5ba1 rgb(221,91,161)
```

Complementary Color

#60dd5b
```
#60dd5b rgb(96,221,91)
```
#5bdd97
```
#5bdd97 rgb(91,221,151)
```
#5bddd8
```
#5bddd8 rgb(91,221,216)
```

Analogous Color

#dd5b60
```
#dd5b60 rgb(221,91,96)
```
#5bdd97
```
#5bdd97 rgb(91,221,151)
```
#d85bdd
```
#d85bdd rgb(216,91,221)
```

Split Complementary Color

#dd975b
```
#dd975b rgb(221,151,91)
```
#5bdd97
```
#5bdd97 rgb(91,221,151)
```
#975bdd
```
#975bdd rgb(151,91,221)
```

Triadic Color

#a1dd5b
```
#a1dd5b rgb(161,221,91)
```
#5bdd97
```
#5bdd97 rgb(91,221,151)
```
#975bdd
```
#975bdd rgb(151,91,221)
```
#dd5ba1
```
#dd5ba1 rgb(221,91,161)
```

Tetradic Color

#28c370
```
#28c370 rgb(40,195,112)
```
#31d47c
```
#31d47c rgb(49,212,124)
```
#46d98a
```
#46d98a rgb(70,217,138)
```
#5bdd97
```
#5bdd97 rgb(91,221,151)
```
#70e1a4
```
#70e1a4 rgb(112,225,164)
```
#85e6b2
```
#85e6b2 rgb(133,230,178)
```
#9aeabf
```
#9aeabf rgb(154,234,191)
```

Monochromatic Color

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

#5bdd77
```
#5bdd77 rgb(91,221,119)
```
#5bdd81
```
#5bdd81 rgb(91,221,129)
```
#5bdd8c
```
#5bdd8c rgb(91,221,140)
```
#5bdd97
```
#5bdd97 rgb(91,221,151)
```
#5bdda2
```
#5bdda2 rgb(91,221,162)
```
#5bddad
```
#5bddad rgb(91,221,173)
```
#5bddb8
```
#5bddb8 rgb(91,221,184)
```

Similar Colors

Text with hexadecimal color #5bdd97

This text has a font color of #5bdd97.

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

#5bdd97 background color

This paragraph has a background color of #5bdd97.

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

#5bdd97 border color

This element has a border color of #5bdd97.

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

CSS codes

.text {color:#5bdd97;}

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

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

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, #030f08 is the darkest color, while #fdfffe is the lightest one.

#030f08
```
#030f08 rgb(3,15,8)
```
#061f12
```
#061f12 rgb(6,31,18)
```
#0a2f1b
```
#0a2f1b rgb(10,47,27)
```
#0d3f24
```
#0d3f24 rgb(13,63,36)
```
#11502e
```
#11502e rgb(17,80,46)
```
#146037
```
#146037 rgb(20,96,55)
```
#177040
```
#177040 rgb(23,112,64)
```
#1b804a
```
#1b804a rgb(27,128,74)
```
#1e9153
```
#1e9153 rgb(30,145,83)
```
#21a15c
```
#21a15c rgb(33,161,92)
```
#25b166
```
#25b166 rgb(37,177,102)
```
#28c16f
```
#28c16f rgb(40,193,111)
```
#2bd278
```
#2bd278 rgb(43,210,120)
```

Shade Color Variation

#3bd682
```
#3bd682 rgb(59,214,130)
```
#4bda8d
```
#4bda8d rgb(75,218,141)
```
#5bdd97
```
#5bdd97 rgb(91,221,151)
```
#6be0a1
```
#6be0a1 rgb(107,224,161)
```
#7be4ac
```
#7be4ac rgb(123,228,172)
```
#8ce7b6
```
#8ce7b6 rgb(140,231,182)
```
#9ceac0
```
#9ceac0 rgb(156,234,192)
```
#aceecb
```
#aceecb rgb(172,238,203)
```
#bcf1d5
```
#bcf1d5 rgb(188,241,213)
```
#cdf5df
```
#cdf5df rgb(205,245,223)
```
#ddf8e9
```
#ddf8e9 rgb(221,248,233)
```
#edfbf4
```
#edfbf4 rgb(237,251,244)
```
#fdfffe
```
#fdfffe rgb(253,255,254)
```

Tint Color Variation

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

#98a09c
```
#98a09c rgb(152,160,156)
```
#90a89b
```
#90a89b rgb(144,168,155)
```
#89af9b
```
#89af9b rgb(137,175,155)
```
#81b79a
```
#81b79a rgb(129,183,154)
```
#79bf99
```
#79bf99 rgb(121,191,153)
```
#72c699
```
#72c699 rgb(114,198,153)
```
#6ace98
```
#6ace98 rgb(106,206,152)
```
#63d598
```
#63d598 rgb(99,213,152)
```
#5bdd97
```
#5bdd97 rgb(91,221,151)
```
#53e596
```
#53e596 rgb(83,229,150)
```
#4cec96
```
#4cec96 rgb(76,236,150)
```
#44f495
```
#44f495 rgb(68,244,149)
```
#3dfb95
```
#3dfb95 rgb(61,251,149)
```

Tone Color Variation

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

#aeaeae Achromatopsia 0.005% of the population
#9db7a9 Atypical Achromatopsia 0.001% of the population

Dichromacy

#d7c893 Protanopia 1% of men
#e7c1a6 Deuteranopia 1% of men
#7ed5e4 Tritanopia 0.001% of the population

Trichromacy

#aacf94 Protanomaly 1% of men, 0.01% of women
#b4cba0 Deuteranomaly 6% of men, 0.4% of women
#71d8c8 Tritanomaly 0.01% of the population

#5bdd97 hex color

#5bdd97 Color Information

#5bdd97 Color Conversion

Color Schemes with #5bdd97

Alternatives to #5bdd97

#5bdd97 Preview

Shades and Tints of #5bdd97

Tones of #5bdd97

Color Blindness Simulator