#5aae50 hex color

In a RGB color space, hex #5aae50 is composed of 35.3% red, 68.2% green and 31.4% blue. Whereas in a CMYK color space, it is composed of 48.3% cyan, 0% magenta, 54% yellow and 31.8% black. It has a hue angle of 113.6 degrees, a saturation of 37% and a lightness of 49.8%. #5aae50 color hex could be obtained by blending #b4ffa0 with #005d00. Closest websafe color is: #669966.

♥
- f
- t
- g
- R 35
- G 68
- B 31
RGB color chart
- C 48
- M 0
- Y 54
- K 32
CMYK color chart

● #5aae50 color description : Dark moderate lime green.

The hexadecimal color #5aae50 has RGB values of R:90, G:174, B:80 and CMYK values of C:0.48, M:0, Y:0.54, K:0.32. Its decimal value is 5942864.

Hex triplet	5aae50	`#5aae50`
RGB Decimal	90, 174, 80	`rgb(90,174,80)`
RGB Percent	35.3, 68.2, 31.4	`rgb(35.3%,68.2%,31.4%)`
CMYK	48, 0, 54, 32
HSL	113.6°, 37, 49.8	`hsl(113.6,37%,49.8%)`
HSV (or HSB)	113.6°, 54, 68.2
Web Safe	669966	`#669966`

CIE-LAB	64.18, -44.297, 40.096
XYZ	20.8, 33.024, 12.867
xyY	0.312, 0.495, 33.024
CIE-LCH	64.18, 59.749, 137.85
CIE-LUV	64.18, -39.938, 56.25
Hunter-Lab	57.466, -35.959, 26.951
Binary	01011010, 10101110, 01010000

#5aae50
```
#5aae50 rgb(90,174,80)
```
#a450ae
```
#a450ae rgb(164,80,174)
```

Complementary Color

#89ae50
```
#89ae50 rgb(137,174,80)
```
#5aae50
```
#5aae50 rgb(90,174,80)
```
#50ae75
```
#50ae75 rgb(80,174,117)
```

Analogous Color

#ae5089
```
#ae5089 rgb(174,80,137)
```
#5aae50
```
#5aae50 rgb(90,174,80)
```
#7550ae
```
#7550ae rgb(117,80,174)
```

Split Complementary Color

#ae505a
```
#ae505a rgb(174,80,90)
```
#5aae50
```
#5aae50 rgb(90,174,80)
```
#505aae
```
#505aae rgb(80,90,174)
```

Triadic Color

#aea450
```
#aea450 rgb(174,164,80)
```
#5aae50
```
#5aae50 rgb(90,174,80)
```
#505aae
```
#505aae rgb(80,90,174)
```
#a450ae
```
#a450ae rgb(164,80,174)
```

Tetradic Color

#3f7a38
```
#3f7a38 rgb(63,122,56)
```
#488b40
```
#488b40 rgb(72,139,64)
```
#519d48
```
#519d48 rgb(81,157,72)
```
#5aae50
```
#5aae50 rgb(90,174,80)
```
#6ab661
```
#6ab661 rgb(106,182,97)
```
#7bbe73
```
#7bbe73 rgb(123,190,115)
```
#8bc684
```
#8bc684 rgb(139,198,132)
```

Monochromatic Color

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

#72ae50
```
#72ae50 rgb(114,174,80)
```
#6aae50
```
#6aae50 rgb(106,174,80)
```
#62ae50
```
#62ae50 rgb(98,174,80)
```
#5aae50
```
#5aae50 rgb(90,174,80)
```
#52ae50
```
#52ae50 rgb(82,174,80)
```
#50ae56
```
#50ae56 rgb(80,174,86)
```
#50ae5e
```
#50ae5e rgb(80,174,94)
```

Similar Colors

Text with hexadecimal color #5aae50

This text has a font color of #5aae50.

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

#5aae50 background color

This paragraph has a background color of #5aae50.

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

#5aae50 border color

This element has a border color of #5aae50.

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

CSS codes

.text {color:#5aae50;}

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

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

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, #070d06 is the darkest color, while #fefffe is the lightest one.

#070d06
```
#070d06 rgb(7,13,6)
```
#0e1a0c
```
#0e1a0c rgb(14,26,12)
```
#142812
```
#142812 rgb(20,40,18)
```
#1b3518
```
#1b3518 rgb(27,53,24)
```
#22431f
```
#22431f rgb(34,67,31)
```
#295025
```
#295025 rgb(41,80,37)
```
#305d2b
```
#305d2b rgb(48,93,43)
```
#376b31
```
#376b31 rgb(55,107,49)
```
#3e7837
```
#3e7837 rgb(62,120,55)
```
#45863d
```
#45863d rgb(69,134,61)
```
#4c9344
```
#4c9344 rgb(76,147,68)
```
#53a14a
```
#53a14a rgb(83,161,74)
```
#5aae50
```
#5aae50 rgb(90,174,80)
```

Shade Color Variation

#66b55d
```
#66b55d rgb(102,181,93)
```
#73bb6b
```
#73bb6b rgb(115,187,107)
```
#80c178
```
#80c178 rgb(128,193,120)
```
#8cc785
```
#8cc785 rgb(140,199,133)
```
#99cd93
```
#99cd93 rgb(153,205,147)
```
#a6d3a0
```
#a6d3a0 rgb(166,211,160)
```
#b2daae
```
#b2daae rgb(178,218,174)
```
#bfe0bb
```
#bfe0bb rgb(191,224,187)
```
#cce6c9
```
#cce6c9 rgb(204,230,201)
```
#d8ecd6
```
#d8ecd6 rgb(216,236,214)
```
#e5f2e3
```
#e5f2e3 rgb(229,242,227)
```
#f2f9f1
```
#f2f9f1 rgb(242,249,241)
```
#fefffe
```
#fefffe rgb(254,255,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #798777 is the less saturated color, while #1cfc02 is the most saturated one.

#798777
```
#798777 rgb(121,135,119)
```
#71916d
```
#71916d rgb(113,145,109)
```
#699a64
```
#699a64 rgb(105,154,100)
```
#62a45a
```
#62a45a rgb(98,164,90)
```
#5aae50
```
#5aae50 rgb(90,174,80)
```
#52b846
```
#52b846 rgb(82,184,70)
```
#4bc23c
```
#4bc23c rgb(75,194,60)
```
#43cb33
```
#43cb33 rgb(67,203,51)
```
#3bd529
```
#3bd529 rgb(59,213,41)
```
#34df1f
```
#34df1f rgb(52,223,31)
```
#2ce915
```
#2ce915 rgb(44,233,21)
```
#24f20c
```
#24f20c rgb(36,242,12)
```
#1cfc02
```
#1cfc02 rgb(28,252,2)
```

Tone Color Variation

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

#8a8a8a Achromatopsia 0.005% of the population
#80917e Atypical Achromatopsia 0.001% of the population

Dichromacy

#b1a053 Protanopia 1% of men
#c19961 Deuteranopia 1% of men
#78a8b4 Tritanopia 0.001% of the population

Trichromacy

#91a552 Protanomaly 1% of men, 0.01% of women
#9ca15b Deuteranomaly 6% of men, 0.4% of women
#6daa8f Tritanomaly 0.01% of the population

#5aae50 hex color

#5aae50 Color Information

#5aae50 Color Conversion

Color Schemes with #5aae50

Alternatives to #5aae50

#5aae50 Preview

Shades and Tints of #5aae50

Tones of #5aae50

Color Blindness Simulator