#5caf80 hex color

In a RGB color space, hex #5caf80 is composed of 36.1% red, 68.6% green and 50.2% blue. Whereas in a CMYK color space, it is composed of 47.4% cyan, 0% magenta, 26.9% yellow and 31.4% black. It has a hue angle of 146 degrees, a saturation of 34.2% and a lightness of 52.4%. #5caf80 color hex could be obtained by blending #b8ffff with #005f01. Closest websafe color is: #669999.

♥
- f
- t
- g
- R 36
- G 69
- B 50
RGB color chart
- C 47
- M 0
- Y 27
- K 31
CMYK color chart

● #5caf80 color description : Dark moderate cyan - lime green.

The hexadecimal color #5caf80 has RGB values of R:92, G:175, B:128 and CMYK values of C:0.47, M:0, Y:0.27, K:0.31. Its decimal value is 6074240.

Hex triplet	5caf80	`#5caf80`
RGB Decimal	92, 175, 128	`rgb(92,175,128)`
RGB Percent	36.1, 68.6, 50.2	`rgb(36.1%,68.6%,50.2%)`
CMYK	47, 0, 27, 31
HSL	146°, 34.2, 52.4	`hsl(146,34.2%,52.4%)`
HSV (or HSB)	146°, 47.4, 68.6
Web Safe	669999	`#669999`

CIE-LAB	65.351, -36.218, 16.448
XYZ	23.638, 34.492, 25.833
xyY	0.282, 0.411, 34.492
CIE-LCH	65.351, 39.778, 155.576
CIE-LUV	65.351, -38.204, 28.507
Hunter-Lab	58.73, -30.933, 15.032
Binary	01011100, 10101111, 10000000

#5caf80
```
#5caf80 rgb(92,175,128)
```
#af5c8b
```
#af5c8b rgb(175,92,139)
```

Complementary Color

#62af5c
```
#62af5c rgb(98,175,92)
```
#5caf80
```
#5caf80 rgb(92,175,128)
```
#5cafaa
```
#5cafaa rgb(92,175,170)
```

Analogous Color

#af5c62
```
#af5c62 rgb(175,92,98)
```
#5caf80
```
#5caf80 rgb(92,175,128)
```
#aa5caf
```
#aa5caf rgb(170,92,175)
```

Split Complementary Color

#af805c
```
#af805c rgb(175,128,92)
```
#5caf80
```
#5caf80 rgb(92,175,128)
```
#805caf
```
#805caf rgb(128,92,175)
```

Triadic Color

#8baf5c
```
#8baf5c rgb(139,175,92)
```
#5caf80
```
#5caf80 rgb(92,175,128)
```
#805caf
```
#805caf rgb(128,92,175)
```
#af5c8b
```
#af5c8b rgb(175,92,139)
```

Tetradic Color

#3f805b
```
#3f805b rgb(63,128,91)
```
#479167
```
#479167 rgb(71,145,103)
```
#50a273
```
#50a273 rgb(80,162,115)
```
#5caf80
```
#5caf80 rgb(92,175,128)
```
#6db78d
```
#6db78d rgb(109,183,141)
```
#7ec09b
```
#7ec09b rgb(126,192,155)
```
#8fc8a8
```
#8fc8a8 rgb(143,200,168)
```

Monochromatic Color

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

#5caf6b
```
#5caf6b rgb(92,175,107)
```
#5caf72
```
#5caf72 rgb(92,175,114)
```
#5caf79
```
#5caf79 rgb(92,175,121)
```
#5caf80
```
#5caf80 rgb(92,175,128)
```
#5caf87
```
#5caf87 rgb(92,175,135)
```
#5caf8e
```
#5caf8e rgb(92,175,142)
```
#5caf95
```
#5caf95 rgb(92,175,149)
```

Similar Colors

Text with hexadecimal color #5caf80

This text has a font color of #5caf80.

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

#5caf80 background color

This paragraph has a background color of #5caf80.

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

#5caf80 border color

This element has a border color of #5caf80.

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

CSS codes

.text {color:#5caf80;}

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

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

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

#040806
```
#040806 rgb(4,8,6)
```
#0a150f
```
#0a150f rgb(10,21,15)
```
#112218
```
#112218 rgb(17,34,24)
```
#173022
```
#173022 rgb(23,48,34)
```
#1e3d2b
```
#1e3d2b rgb(30,61,43)
```
#244a35
```
#244a35 rgb(36,74,53)
```
#2b573e
```
#2b573e rgb(43,87,62)
```
#316447
```
#316447 rgb(49,100,71)
```
#387151
```
#387151 rgb(56,113,81)
```
#3e7e5a
```
#3e7e5a rgb(62,126,90)
```
#458c63
```
#458c63 rgb(69,140,99)
```
#4b996d
```
#4b996d rgb(75,153,109)
```
#51a676
```
#51a676 rgb(81,166,118)
```

Shade Color Variation

#5caf80
```
#5caf80 rgb(92,175,128)
```
#69b58a
```
#69b58a rgb(105,181,138)
```
#76bc95
```
#76bc95 rgb(118,188,149)
```
#83c29f
```
#83c29f rgb(131,194,159)
```
#91c9a9
```
#91c9a9 rgb(145,201,169)
```
#9ecfb3
```
#9ecfb3 rgb(158,207,179)
```
#abd6be
```
#abd6be rgb(171,214,190)
```
#b8dcc8
```
#b8dcc8 rgb(184,220,200)
```
#c5e3d2
```
#c5e3d2 rgb(197,227,210)
```
#d2e9dc
```
#d2e9dc rgb(210,233,220)
```
#e0f0e7
```
#e0f0e7 rgb(224,240,231)
```
#edf6f1
```
#edf6f1 rgb(237,246,241)
```
#fafcfb
```
#fafcfb rgb(250,252,251)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #818a85 is the less saturated color, while #11fa76 is the most saturated one.

#818a85
```
#818a85 rgb(129,138,133)
```
#789384
```
#789384 rgb(120,147,132)
```
#6f9c82
```
#6f9c82 rgb(111,156,130)
```
#65a681
```
#65a681 rgb(101,166,129)
```
#5caf80
```
#5caf80 rgb(92,175,128)
```
#53b87f
```
#53b87f rgb(83,184,127)
```
#49c27e
```
#49c27e rgb(73,194,126)
```
#40cb7c
```
#40cb7c rgb(64,203,124)
```
#37d47b
```
#37d47b rgb(55,212,123)
```
#2dde7a
```
#2dde7a rgb(45,222,122)
```
#24e779
```
#24e779 rgb(36,231,121)
```
#1bf077
```
#1bf077 rgb(27,240,119)
```
#11fa76
```
#11fa76 rgb(17,250,118)
```

Tone Color Variation

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

#919191 Achromatopsia 0.005% of the population
#86978e Atypical Achromatopsia 0.001% of the population

Dichromacy

#aea37f Protanopia 1% of men
#ba9d8d Deuteranopia 1% of men
#73acb8 Tritanopia 0.001% of the population

Trichromacy

#90a77f Protanomaly 1% of men, 0.01% of women
#98a488 Deuteranomaly 6% of men, 0.4% of women
#6bada4 Tritanomaly 0.01% of the population

#5caf80 hex color

#5caf80 Color Information

#5caf80 Color Conversion

Color Schemes with #5caf80

Alternatives to #5caf80

#5caf80 Preview

Shades and Tints of #5caf80

Tones of #5caf80

Color Blindness Simulator