#5caf90 hex color

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

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

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

The hexadecimal color #5caf90 has RGB values of R:92, G:175, B:144 and CMYK values of C:0.47, M:0, Y:0.18, K:0.31. Its decimal value is 6074256.

Hex triplet	5caf90	`#5caf90`
RGB Decimal	92, 175, 144	`rgb(92,175,144)`
RGB Percent	36.1, 68.6, 56.5	`rgb(36.1%,68.6%,56.5%)`
CMYK	47, 0, 18, 31
HSL	157.6°, 34.2, 52.4	`hsl(157.6,34.2%,52.4%)`
HSV (or HSB)	157.6°, 47.4, 68.6
Web Safe	669999	`#669999`

CIE-LAB	65.708, -32.788, 8.148
XYZ	24.776, 34.947, 31.824
xyY	0.271, 0.382, 34.947
CIE-LCH	65.708, 33.786, 166.045
CIE-LUV	65.708, -37.637, 16.837
Hunter-Lab	59.116, -28.643, 9.464
Binary	01011100, 10101111, 10010000

#5caf90
```
#5caf90 rgb(92,175,144)
```
#af5c7b
```
#af5c7b rgb(175,92,123)
```

Complementary Color

#5caf67
```
#5caf67 rgb(92,175,103)
```
#5caf90
```
#5caf90 rgb(92,175,144)
```
#5ca5af
```
#5ca5af rgb(92,165,175)
```

Analogous Color

#af675c
```
#af675c rgb(175,103,92)
```
#5caf90
```
#5caf90 rgb(92,175,144)
```
#af5ca5
```
#af5ca5 rgb(175,92,165)
```

Split Complementary Color

#af905c
```
#af905c rgb(175,144,92)
```
#5caf90
```
#5caf90 rgb(92,175,144)
```
#905caf
```
#905caf rgb(144,92,175)
```

Triadic Color

#7baf5c
```
#7baf5c rgb(123,175,92)
```
#5caf90
```
#5caf90 rgb(92,175,144)
```
#905caf
```
#905caf rgb(144,92,175)
```
#af5c7b
```
#af5c7b rgb(175,92,123)
```

Tetradic Color

#3f8067
```
#3f8067 rgb(63,128,103)
```
#479175
```
#479175 rgb(71,145,117)
```
#50a283
```
#50a283 rgb(80,162,131)
```
#5caf90
```
#5caf90 rgb(92,175,144)
```
#6db79c
```
#6db79c rgb(109,183,156)
```
#7ec0a7
```
#7ec0a7 rgb(126,192,167)
```
#8fc8b3
```
#8fc8b3 rgb(143,200,179)
```

Monochromatic Color

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

#5caf7b
```
#5caf7b rgb(92,175,123)
```
#5caf82
```
#5caf82 rgb(92,175,130)
```
#5caf89
```
#5caf89 rgb(92,175,137)
```
#5caf90
```
#5caf90 rgb(92,175,144)
```
#5caf97
```
#5caf97 rgb(92,175,151)
```
#5caf9e
```
#5caf9e rgb(92,175,158)
```
#5cafa5
```
#5cafa5 rgb(92,175,165)
```

Similar Colors

Text with hexadecimal color #5caf90

This text has a font color of #5caf90.

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

#5caf90 background color

This paragraph has a background color of #5caf90.

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

#5caf90 border color

This element has a border color of #5caf90.

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

CSS codes

.text {color:#5caf90;}

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

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

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

#040807
```
#040807 rgb(4,8,7)
```
#0a1511
```
#0a1511 rgb(10,21,17)
```
#11221c
```
#11221c rgb(17,34,28)
```
#173026
```
#173026 rgb(23,48,38)
```
#1e3d31
```
#1e3d31 rgb(30,61,49)
```
#244a3c
```
#244a3c rgb(36,74,60)
```
#2b5746
```
#2b5746 rgb(43,87,70)
```
#316451
```
#316451 rgb(49,100,81)
```
#38715c
```
#38715c rgb(56,113,92)
```
#3e7e66
```
#3e7e66 rgb(62,126,102)
```
#458c71
```
#458c71 rgb(69,140,113)
```
#4b997c
```
#4b997c rgb(75,153,124)
```
#51a686
```
#51a686 rgb(81,166,134)
```

Shade Color Variation

#5caf90
```
#5caf90 rgb(92,175,144)
```
#69b599
```
#69b599 rgb(105,181,153)
```
#76bca2
```
#76bca2 rgb(118,188,162)
```
#83c2ab
```
#83c2ab rgb(131,194,171)
```
#91c9b4
```
#91c9b4 rgb(145,201,180)
```
#9ecfbd
```
#9ecfbd rgb(158,207,189)
```
#abd6c6
```
#abd6c6 rgb(171,214,198)
```
#b8dccf
```
#b8dccf rgb(184,220,207)
```
#c5e3d8
```
#c5e3d8 rgb(197,227,216)
```
#d2e9e1
```
#d2e9e1 rgb(210,233,225)
```
#e0f0ea
```
#e0f0ea rgb(224,240,234)
```
#edf6f3
```
#edf6f3 rgb(237,246,243)
```
#fafcfc
```
#fafcfc rgb(250,252,252)
```

Tint Color Variation

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

#818a87
```
#818a87 rgb(129,138,135)
```
#789389
```
#789389 rgb(120,147,137)
```
#6f9c8b
```
#6f9c8b rgb(111,156,139)
```
#65a68e
```
#65a68e rgb(101,166,142)
```
#5caf90
```
#5caf90 rgb(92,175,144)
```
#53b892
```
#53b892 rgb(83,184,146)
```
#49c295
```
#49c295 rgb(73,194,149)
```
#40cb97
```
#40cb97 rgb(64,203,151)
```
#37d499
```
#37d499 rgb(55,212,153)
```
#2dde9c
```
#2dde9c rgb(45,222,156)
```
#24e79e
```
#24e79e rgb(36,231,158)
```
#1bf0a1
```
#1bf0a1 rgb(27,240,161)
```
#11faa3
```
#11faa3 rgb(17,250,163)
```

Tone Color Variation

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

#939393 Achromatopsia 0.005% of the population
#889992 Atypical Achromatopsia 0.001% of the population

Dichromacy

#aca48e Protanopia 1% of men
#b69f9c Deuteranopia 1% of men
#70adba Tritanopia 0.001% of the population

Trichromacy

#8fa88f Protanomaly 1% of men, 0.01% of women
#95a597 Deuteranomaly 6% of men, 0.4% of women
#69aeab Tritanomaly 0.01% of the population

#5caf90 hex color

#5caf90 Color Information

#5caf90 Color Conversion

Color Schemes with #5caf90

Alternatives to #5caf90

#5caf90 Preview

Shades and Tints of #5caf90

Tones of #5caf90

Color Blindness Simulator