#5bd396 hex color

In a RGB color space, hex #5bd396 is composed of 35.7% red, 82.7% green and 58.8% blue. Whereas in a CMYK color space, it is composed of 56.9% cyan, 0% magenta, 28.9% yellow and 17.3% black. It has a hue angle of 149.5 degrees, a saturation of 57.7% and a lightness of 59.2%. #5bd396 color hex could be obtained by blending #b6ffff with #00a72d. Closest websafe color is: #66cc99.

♥
- f
- t
- g
- R 36
- G 83
- B 59
RGB color chart
- C 57
- M 0
- Y 29
- K 17
CMYK color chart

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

The hexadecimal color #5bd396 has RGB values of R:91, G:211, B:150 and CMYK values of C:0.57, M:0, Y:0.29, K:0.17. Its decimal value is 6017942.

Hex triplet	5bd396	`#5bd396`
RGB Decimal	91, 211, 150	`rgb(91,211,150)`
RGB Percent	35.7, 82.7, 58.8	`rgb(35.7%,82.7%,58.8%)`
CMYK	57, 0, 29, 17
HSL	149.5°, 57.7, 59.2	`hsl(149.5,57.7%,59.2%)`
HSV (or HSB)	149.5°, 56.9, 82.7
Web Safe	66cc99	`#66cc99`

CIE-LAB	76.686, -47.693, 20.297
XYZ	33.111, 51.012, 36.954
xyY	0.273, 0.421, 51.012
CIE-LCH	76.686, 51.832, 156.947
CIE-LUV	76.686, -51.999, 36.535
Hunter-Lab	71.423, -42.238, 19.319
Binary	01011011, 11010011, 10010110

#5bd396
```
#5bd396 rgb(91,211,150)
```
#d35b98
```
#d35b98 rgb(211,91,152)
```

Complementary Color

#5cd35b
```
#5cd35b rgb(92,211,91)
```
#5bd396
```
#5bd396 rgb(91,211,150)
```
#5bd3d2
```
#5bd3d2 rgb(91,211,210)
```

Analogous Color

#d35b5c
```
#d35b5c rgb(211,91,92)
```
#5bd396
```
#5bd396 rgb(91,211,150)
```
#d25bd3
```
#d25bd3 rgb(210,91,211)
```

Split Complementary Color

#d3965b
```
#d3965b rgb(211,150,91)
```
#5bd396
```
#5bd396 rgb(91,211,150)
```
#965bd3
```
#965bd3 rgb(150,91,211)
```

Triadic Color

#98d35b
```
#98d35b rgb(152,211,91)
```
#5bd396
```
#5bd396 rgb(91,211,150)
```
#965bd3
```
#965bd3 rgb(150,91,211)
```
#d35b98
```
#d35b98 rgb(211,91,152)
```

Tetradic Color

#30b270
```
#30b270 rgb(48,178,112)
```
#35c67c
```
#35c67c rgb(53,198,124)
```
#47ce89
```
#47ce89 rgb(71,206,137)
```
#5bd396
```
#5bd396 rgb(91,211,150)
```
#6fd8a3
```
#6fd8a3 rgb(111,216,163)
```
#83deb0
```
#83deb0 rgb(131,222,176)
```
#97e3bd
```
#97e3bd rgb(151,227,189)
```

Monochromatic Color

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

#5bd378
```
#5bd378 rgb(91,211,120)
```
#5bd382
```
#5bd382 rgb(91,211,130)
```
#5bd38c
```
#5bd38c rgb(91,211,140)
```
#5bd396
```
#5bd396 rgb(91,211,150)
```
#5bd3a0
```
#5bd3a0 rgb(91,211,160)
```
#5bd3aa
```
#5bd3aa rgb(91,211,170)
```
#5bd3b4
```
#5bd3b4 rgb(91,211,180)
```

Similar Colors

Text with hexadecimal color #5bd396

This text has a font color of #5bd396.

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

#5bd396 background color

This paragraph has a background color of #5bd396.

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

#5bd396 border color

This element has a border color of #5bd396.

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

CSS codes

.text {color:#5bd396;}

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

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

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

#020604
```
#020604 rgb(2,6,4)
```
#06160e
```
#06160e rgb(6,22,14)
```
#0a2517
```
#0a2517 rgb(10,37,23)
```
#0e3521
```
#0e3521 rgb(14,53,33)
```
#12442b
```
#12442b rgb(18,68,43)
```
#165334
```
#165334 rgb(22,83,52)
```
#1b633e
```
#1b633e rgb(27,99,62)
```
#1f7248
```
#1f7248 rgb(31,114,72)
```
#238252
```
#238252 rgb(35,130,82)
```
#27915b
```
#27915b rgb(39,145,91)
```
#2ba165
```
#2ba165 rgb(43,161,101)
```
#2fb06f
```
#2fb06f rgb(47,176,111)
```
#33c078
```
#33c078 rgb(51,192,120)
```

Shade Color Variation

#3ccb82
```
#3ccb82 rgb(60,203,130)
```
#4ccf8c
```
#4ccf8c rgb(76,207,140)
```
#5bd396
```
#5bd396 rgb(91,211,150)
```
#6ad7a0
```
#6ad7a0 rgb(106,215,160)
```
#7adbaa
```
#7adbaa rgb(122,219,170)
```
#89dfb4
```
#89dfb4 rgb(137,223,180)
```
#99e4be
```
#99e4be rgb(153,228,190)
```
#a8e8c8
```
#a8e8c8 rgb(168,232,200)
```
#b8ecd1
```
#b8ecd1 rgb(184,236,209)
```
#c7f0db
```
#c7f0db rgb(199,240,219)
```
#d7f4e5
```
#d7f4e5 rgb(215,244,229)
```
#e6f8ef
```
#e6f8ef rgb(230,248,239)
```
#f6fcf9
```
#f6fcf9 rgb(246,252,249)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #939b97 is the less saturated color, while #33fb95 is the most saturated one.

#939b97
```
#939b97 rgb(147,155,151)
```
#8ba397
```
#8ba397 rgb(139,163,151)
```
#83ab97
```
#83ab97 rgb(131,171,151)
```
#7bb397
```
#7bb397 rgb(123,179,151)
```
#73bb96
```
#73bb96 rgb(115,187,150)
```
#6bc396
```
#6bc396 rgb(107,195,150)
```
#63cb96
```
#63cb96 rgb(99,203,150)
```
#5bd396
```
#5bd396 rgb(91,211,150)
```
#53db96
```
#53db96 rgb(83,219,150)
```
#4be396
```
#4be396 rgb(75,227,150)
```
#43eb96
```
#43eb96 rgb(67,235,150)
```
#3bf395
```
#3bf395 rgb(59,243,149)
```
#33fb95
```
#33fb95 rgb(51,251,149)
```

Tone Color Variation

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

#a8a8a8 Achromatopsia 0.005% of the population
#99b1a4 Atypical Achromatopsia 0.001% of the population

Dichromacy

#cdc092 Protanopia 1% of men
#dcb9a4 Deuteranopia 1% of men
#7bccdb Tritanopia 0.001% of the population

Trichromacy

#a4c793 Protanomaly 1% of men, 0.01% of women
#adc29f Deuteranomaly 6% of men, 0.4% of women
#6fcfc2 Tritanomaly 0.01% of the population

#5bd396 hex color

#5bd396 Color Information

#5bd396 Color Conversion

Color Schemes with #5bd396

Alternatives to #5bd396

#5bd396 Preview

Shades and Tints of #5bd396

Tones of #5bd396

Color Blindness Simulator