#5bd380 hex color

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

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

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

The hexadecimal color #5bd380 has RGB values of R:91, G:211, B:128 and CMYK values of C:0.57, M:0, Y:0.39, K:0.17. Its decimal value is 6017920.

Hex triplet	5bd380	`#5bd380`
RGB Decimal	91, 211, 128	`rgb(91,211,128)`
RGB Percent	35.7, 82.7, 50.2	`rgb(35.7%,82.7%,50.2%)`
CMYK	57, 0, 39, 17
HSL	138.5°, 57.7, 59.2	`hsl(138.5,57.7%,59.2%)`
HSV (or HSB)	138.5°, 56.9, 82.7
Web Safe	66cc99	`#66cc99`

CIE-LAB	76.295, -51.798, 31.219
XYZ	31.503, 50.369, 28.483
xyY	0.285, 0.456, 50.369
CIE-LCH	76.295, 60.479, 148.922
CIE-LUV	76.295, -52.974, 50.819
Hunter-Lab	70.971, -44.965, 25.885
Binary	01011011, 11010011, 10000000

#5bd380
```
#5bd380 rgb(91,211,128)
```
#d35bae
```
#d35bae rgb(211,91,174)
```

Complementary Color

#72d35b
```
#72d35b rgb(114,211,91)
```
#5bd380
```
#5bd380 rgb(91,211,128)
```
#5bd3bc
```
#5bd3bc rgb(91,211,188)
```

Analogous Color

#d35b72
```
#d35b72 rgb(211,91,114)
```
#5bd380
```
#5bd380 rgb(91,211,128)
```
#bc5bd3
```
#bc5bd3 rgb(188,91,211)
```

Split Complementary Color

#d3805b
```
#d3805b rgb(211,128,91)
```
#5bd380
```
#5bd380 rgb(91,211,128)
```
#805bd3
```
#805bd3 rgb(128,91,211)
```

Triadic Color

#aed35b
```
#aed35b rgb(174,211,91)
```
#5bd380
```
#5bd380 rgb(91,211,128)
```
#805bd3
```
#805bd3 rgb(128,91,211)
```
#d35bae
```
#d35bae rgb(211,91,174)
```

Tetradic Color

#30b258
```
#30b258 rgb(48,178,88)
```
#35c662
```
#35c662 rgb(53,198,98)
```
#47ce70
```
#47ce70 rgb(71,206,112)
```
#5bd380
```
#5bd380 rgb(91,211,128)
```
#6fd890
```
#6fd890 rgb(111,216,144)
```
#83de9f
```
#83de9f rgb(131,222,159)
```
#97e3af
```
#97e3af rgb(151,227,175)
```

Monochromatic Color

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

#5bd362
```
#5bd362 rgb(91,211,98)
```
#5bd36c
```
#5bd36c rgb(91,211,108)
```
#5bd376
```
#5bd376 rgb(91,211,118)
```
#5bd380
```
#5bd380 rgb(91,211,128)
```
#5bd38a
```
#5bd38a rgb(91,211,138)
```
#5bd394
```
#5bd394 rgb(91,211,148)
```
#5bd39e
```
#5bd39e rgb(91,211,158)
```

Similar Colors

Text with hexadecimal color #5bd380

This text has a font color of #5bd380.

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

#5bd380 background color

This paragraph has a background color of #5bd380.

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

#5bd380 border color

This element has a border color of #5bd380.

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

CSS codes

.text {color:#5bd380;}

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

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

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

#020603
```
#020603 rgb(2,6,3)
```
#06160b
```
#06160b rgb(6,22,11)
```
#0a2512
```
#0a2512 rgb(10,37,18)
```
#0e351a
```
#0e351a rgb(14,53,26)
```
#124422
```
#124422 rgb(18,68,34)
```
#165329
```
#165329 rgb(22,83,41)
```
#1b6331
```
#1b6331 rgb(27,99,49)
```
#1f7238
```
#1f7238 rgb(31,114,56)
```
#238240
```
#238240 rgb(35,130,64)
```
#279148
```
#279148 rgb(39,145,72)
```
#2ba14f
```
#2ba14f rgb(43,161,79)
```
#2fb057
```
#2fb057 rgb(47,176,87)
```
#33c05f
```
#33c05f rgb(51,192,95)
```

Shade Color Variation

#3ccb68
```
#3ccb68 rgb(60,203,104)
```
#4ccf74
```
#4ccf74 rgb(76,207,116)
```
#5bd380
```
#5bd380 rgb(91,211,128)
```
#6ad78c
```
#6ad78c rgb(106,215,140)
```
#7adb98
```
#7adb98 rgb(122,219,152)
```
#89dfa4
```
#89dfa4 rgb(137,223,164)
```
#99e4b0
```
#99e4b0 rgb(153,228,176)
```
#a8e8bc
```
#a8e8bc rgb(168,232,188)
```
#b8ecc8
```
#b8ecc8 rgb(184,236,200)
```
#c7f0d4
```
#c7f0d4 rgb(199,240,212)
```
#d7f4e0
```
#d7f4e0 rgb(215,244,224)
```
#e6f8ec
```
#e6f8ec rgb(230,248,236)
```
#f6fcf8
```
#f6fcf8 rgb(246,252,248)
```

Tint Color Variation

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

#939b95
```
#939b95 rgb(147,155,149)
```
#8ba392
```
#8ba392 rgb(139,163,146)
```
#83ab8f
```
#83ab8f rgb(131,171,143)
```
#7bb38c
```
#7bb38c rgb(123,179,140)
```
#73bb89
```
#73bb89 rgb(115,187,137)
```
#6bc386
```
#6bc386 rgb(107,195,134)
```
#63cb83
```
#63cb83 rgb(99,203,131)
```
#5bd380
```
#5bd380 rgb(91,211,128)
```
#53db7d
```
#53db7d rgb(83,219,125)
```
#4be37a
```
#4be37a rgb(75,227,122)
```
#43eb77
```
#43eb77 rgb(67,235,119)
```
#3bf374
```
#3bf374 rgb(59,243,116)
```
#33fb71
```
#33fb71 rgb(51,251,113)
```

Tone Color Variation

Below, you can see how #5bd380 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
#97af9e Atypical Achromatopsia 0.001% of the population

Dichromacy

#cfbf7e Protanopia 1% of men
#e1b890 Deuteranopia 1% of men
#7ecbd9 Tritanopia 0.001% of the population

Trichromacy

#a5c67e Protanomaly 1% of men, 0.01% of women
#b0c18a Deuteranomaly 6% of men, 0.4% of women
#71cdb9 Tritanomaly 0.01% of the population

#5bd380 hex color

#5bd380 Color Information

#5bd380 Color Conversion

Color Schemes with #5bd380

Alternatives to #5bd380

#5bd380 Preview

Shades and Tints of #5bd380

Tones of #5bd380

Color Blindness Simulator