#5dd380 hex color

In a RGB color space, hex #5dd380 is composed of 36.5% red, 82.7% green and 50.2% blue. Whereas in a CMYK color space, it is composed of 55.9% cyan, 0% magenta, 39.3% yellow and 17.3% black. It has a hue angle of 137.8 degrees, a saturation of 57.3% and a lightness of 59.6%. #5dd380 color hex could be obtained by blending #baffff with #00a701. Closest websafe color is: #66cc99.

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

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

The hexadecimal color #5dd380 has RGB values of R:93, G:211, B:128 and CMYK values of C:0.56, M:0, Y:0.39, K:0.17. Its decimal value is 6148992.

Hex triplet	5dd380	`#5dd380`
RGB Decimal	93, 211, 128	`rgb(93,211,128)`
RGB Percent	36.5, 82.7, 50.2	`rgb(36.5%,82.7%,50.2%)`
CMYK	56, 0, 39, 17
HSL	137.8°, 57.3, 59.6	`hsl(137.8,57.3%,59.6%)`
HSV (or HSB)	137.8°, 55.9, 82.7
Web Safe	66cc99	`#66cc99`

CIE-LAB	76.358, -51.339, 31.314
XYZ	31.703, 50.472, 28.492
xyY	0.286, 0.456, 50.472
CIE-LCH	76.358, 60.135, 148.619
CIE-LUV	76.358, -52.401, 50.867
Hunter-Lab	71.043, -44.671, 25.952
Binary	01011101, 11010011, 10000000

#5dd380
```
#5dd380 rgb(93,211,128)
```
#d35db0
```
#d35db0 rgb(211,93,176)
```

Complementary Color

#75d35d
```
#75d35d rgb(117,211,93)
```
#5dd380
```
#5dd380 rgb(93,211,128)
```
#5dd3bb
```
#5dd3bb rgb(93,211,187)
```

Analogous Color

#d35d75
```
#d35d75 rgb(211,93,117)
```
#5dd380
```
#5dd380 rgb(93,211,128)
```
#bb5dd3
```
#bb5dd3 rgb(187,93,211)
```

Split Complementary Color

#d3805d
```
#d3805d rgb(211,128,93)
```
#5dd380
```
#5dd380 rgb(93,211,128)
```
#805dd3
```
#805dd3 rgb(128,93,211)
```

Triadic Color

#b0d35d
```
#b0d35d rgb(176,211,93)
```
#5dd380
```
#5dd380 rgb(93,211,128)
```
#805dd3
```
#805dd3 rgb(128,93,211)
```
#d35db0
```
#d35db0 rgb(211,93,176)
```

Tetradic Color

#31b357
```
#31b357 rgb(49,179,87)
```
#36c761
```
#36c761 rgb(54,199,97)
```
#49ce70
```
#49ce70 rgb(73,206,112)
```
#5dd380
```
#5dd380 rgb(93,211,128)
```
#71d890
```
#71d890 rgb(113,216,144)
```
#85de9f
```
#85de9f rgb(133,222,159)
```
#99e3af
```
#99e3af rgb(153,227,175)
```

Monochromatic Color

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

#5dd363
```
#5dd363 rgb(93,211,99)
```
#5dd36c
```
#5dd36c rgb(93,211,108)
```
#5dd376
```
#5dd376 rgb(93,211,118)
```
#5dd380
```
#5dd380 rgb(93,211,128)
```
#5dd38a
```
#5dd38a rgb(93,211,138)
```
#5dd394
```
#5dd394 rgb(93,211,148)
```
#5dd39e
```
#5dd39e rgb(93,211,158)
```

Similar Colors

Text with hexadecimal color #5dd380

This text has a font color of #5dd380.

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

#5dd380 background color

This paragraph has a background color of #5dd380.

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

#5dd380 border color

This element has a border color of #5dd380.

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

CSS codes

.text {color:#5dd380;}

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

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

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

#020804
```
#020804 rgb(2,8,4)
```
#06170b
```
#06170b rgb(6,23,11)
```
#0a2713
```
#0a2713 rgb(10,39,19)
```
#0f361a
```
#0f361a rgb(15,54,26)
```
#134522
```
#134522 rgb(19,69,34)
```
#175529
```
#175529 rgb(23,85,41)
```
#1b6431
```
#1b6431 rgb(27,100,49)
```
#1f7438
```
#1f7438 rgb(31,116,56)
```
#248340
```
#248340 rgb(36,131,64)
```
#289347
```
#289347 rgb(40,147,71)
```
#2ca24f
```
#2ca24f rgb(44,162,79)
```
#30b156
```
#30b156 rgb(48,177,86)
```
#34c15e
```
#34c15e rgb(52,193,94)
```

Shade Color Variation

#3ecb68
```
#3ecb68 rgb(62,203,104)
```
#4ecf74
```
#4ecf74 rgb(78,207,116)
```
#5dd380
```
#5dd380 rgb(93,211,128)
```
#6cd78c
```
#6cd78c rgb(108,215,140)
```
#7cdb98
```
#7cdb98 rgb(124,219,152)
```
#8be0a4
```
#8be0a4 rgb(139,224,164)
```
#9be4b0
```
#9be4b0 rgb(155,228,176)
```
#aae8bc
```
#aae8bc rgb(170,232,188)
```
#baecc9
```
#baecc9 rgb(186,236,201)
```
#c9f0d5
```
#c9f0d5 rgb(201,240,213)
```
#d8f5e1
```
#d8f5e1 rgb(216,245,225)
```
#e8f9ed
```
#e8f9ed rgb(232,249,237)
```
#f7fdf9
```
#f7fdf9 rgb(247,253,249)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #949c97 is the less saturated color, while #35fb70 is the most saturated one.

#949c97
```
#949c97 rgb(148,156,151)
```
#8da393
```
#8da393 rgb(141,163,147)
```
#85ab90
```
#85ab90 rgb(133,171,144)
```
#7db38d
```
#7db38d rgb(125,179,141)
```
#75bb8a
```
#75bb8a rgb(117,187,138)
```
#6dc386
```
#6dc386 rgb(109,195,134)
```
#65cb83
```
#65cb83 rgb(101,203,131)
```
#5dd380
```
#5dd380 rgb(93,211,128)
```
#55db7d
```
#55db7d rgb(85,219,125)
```
#4de37a
```
#4de37a rgb(77,227,122)
```
#45eb76
```
#45eb76 rgb(69,235,118)
```
#3df373
```
#3df373 rgb(61,243,115)
```
#35fb70
```
#35fb70 rgb(53,251,112)
```

Tone Color Variation

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

#d0bf7e Protanopia 1% of men
#e1b890 Deuteranopia 1% of men
#80cbd9 Tritanopia 0.001% of the population

Trichromacy

#a6c67e Protanomaly 1% of men, 0.01% of women
#b1c28a Deuteranomaly 6% of men, 0.4% of women
#73cdb9 Tritanomaly 0.01% of the population

#5dd380 hex color

#5dd380 Color Information

#5dd380 Color Conversion

Color Schemes with #5dd380

Alternatives to #5dd380

#5dd380 Preview

Shades and Tints of #5dd380

Tones of #5dd380

Color Blindness Simulator