#5aa150 hex color

In a RGB color space, hex #5aa150 is composed of 35.3% red, 63.1% green and 31.4% blue. Whereas in a CMYK color space, it is composed of 44.1% cyan, 0% magenta, 50.3% yellow and 36.9% black. It has a hue angle of 112.6 degrees, a saturation of 33.6% and a lightness of 47.3%. #5aa150 color hex could be obtained by blending #b4ffa0 with #004300. Closest websafe color is: #669966.

♥
- f
- t
- g
- R 35
- G 63
- B 31
RGB color chart
- C 44
- M 0
- Y 50
- K 37
CMYK color chart

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

The hexadecimal color #5aa150 has RGB values of R:90, G:161, B:80 and CMYK values of C:0.44, M:0, Y:0.5, K:0.37. Its decimal value is 5939536.

Hex triplet	5aa150	`#5aa150`
RGB Decimal	90, 161, 80	`rgb(90,161,80)`
RGB Percent	35.3, 63.1, 31.4	`rgb(35.3%,63.1%,31.4%)`
CMYK	44, 0, 50, 37
HSL	112.6°, 33.6, 47.3	`hsl(112.6,33.6%,47.3%)`
HSV (or HSB)	112.6°, 50.3, 63.1
Web Safe	669966	`#669966`

CIE-LAB	60.106, -38.757, 35.142
XYZ	18.408, 28.242, 12.07
xyY	0.313, 0.481, 28.242
CIE-LCH	60.106, 52.317, 137.8
CIE-LUV	60.106, -34.281, 49.336
Hunter-Lab	53.143, -31.168, 23.734
Binary	01011010, 10100001, 01010000

#5aa150
```
#5aa150 rgb(90,161,80)
```
#9750a1
```
#9750a1 rgb(151,80,161)
```

Complementary Color

#83a150
```
#83a150 rgb(131,161,80)
```
#5aa150
```
#5aa150 rgb(90,161,80)
```
#50a16f
```
#50a16f rgb(80,161,111)
```

Analogous Color

#a15083
```
#a15083 rgb(161,80,131)
```
#5aa150
```
#5aa150 rgb(90,161,80)
```
#6f50a1
```
#6f50a1 rgb(111,80,161)
```

Split Complementary Color

#a1505a
```
#a1505a rgb(161,80,90)
```
#5aa150
```
#5aa150 rgb(90,161,80)
```
#505aa1
```
#505aa1 rgb(80,90,161)
```

Triadic Color

#a19750
```
#a19750 rgb(161,151,80)
```
#5aa150
```
#5aa150 rgb(90,161,80)
```
#505aa1
```
#505aa1 rgb(80,90,161)
```
#9750a1
```
#9750a1 rgb(151,80,161)
```

Tetradic Color

#3d6e37
```
#3d6e37 rgb(61,110,55)
```
#477f3f
```
#477f3f rgb(71,127,63)
```
#509048
```
#509048 rgb(80,144,72)
```
#5aa150
```
#5aa150 rgb(90,161,80)
```
#66ae5c
```
#66ae5c rgb(102,174,92)
```
#76b76d
```
#76b76d rgb(118,183,109)
```
#86bf7e
```
#86bf7e rgb(134,191,126)
```

Monochromatic Color

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

#6ea150
```
#6ea150 rgb(110,161,80)
```
#68a150
```
#68a150 rgb(104,161,80)
```
#61a150
```
#61a150 rgb(97,161,80)
```
#5aa150
```
#5aa150 rgb(90,161,80)
```
#53a150
```
#53a150 rgb(83,161,80)
```
#50a153
```
#50a153 rgb(80,161,83)
```
#50a15a
```
#50a15a rgb(80,161,90)
```

Similar Colors

Text with hexadecimal color #5aa150

This text has a font color of #5aa150.

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

#5aa150 background color

This paragraph has a background color of #5aa150.

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

#5aa150 border color

This element has a border color of #5aa150.

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

CSS codes

.text {color:#5aa150;}

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

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

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

#020402
```
#020402 rgb(2,4,2)
```
#091108
```
#091108 rgb(9,17,8)
```
#111e0f
```
#111e0f rgb(17,30,15)
```
#182b15
```
#182b15 rgb(24,43,21)
```
#1f381c
```
#1f381c rgb(31,56,28)
```
#274522
```
#274522 rgb(39,69,34)
```
#2e5229
```
#2e5229 rgb(46,82,41)
```
#355f2f
```
#355f2f rgb(53,95,47)
```
#3d6d36
```
#3d6d36 rgb(61,109,54)
```
#447a3c
```
#447a3c rgb(68,122,60)
```
#4b8743
```
#4b8743 rgb(75,135,67)
```
#539449
```
#539449 rgb(83,148,73)
```
#5aa150
```
#5aa150 rgb(90,161,80)
```

Shade Color Variation

#63ac58
```
#63ac58 rgb(99,172,88)
```
#6fb366
```
#6fb366 rgb(111,179,102)
```
#7bb973
```
#7bb973 rgb(123,185,115)
```
#88c080
```
#88c080 rgb(136,192,128)
```
#94c68d
```
#94c68d rgb(148,198,141)
```
#a0cd9a
```
#a0cd9a rgb(160,205,154)
```
#acd3a7
```
#acd3a7 rgb(172,211,167)
```
#b9dab4
```
#b9dab4 rgb(185,218,180)
```
#c5e0c1
```
#c5e0c1 rgb(197,224,193)
```
#d1e7ce
```
#d1e7ce rgb(209,231,206)
```
#deeddb
```
#deeddb rgb(222,237,219)
```
#eaf4e9
```
#eaf4e9 rgb(234,244,233)
```
#f6faf6
```
#f6faf6 rgb(246,250,246)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #767c75 is the less saturated color, while #22eb06 is the most saturated one.

#767c75
```
#767c75 rgb(118,124,117)
```
#6f856c
```
#6f856c rgb(111,133,108)
```
#688e63
```
#688e63 rgb(104,142,99)
```
#619859
```
#619859 rgb(97,152,89)
```
#5aa150
```
#5aa150 rgb(90,161,80)
```
#53aa47
```
#53aa47 rgb(83,170,71)
```
#4cb43d
```
#4cb43d rgb(76,180,61)
```
#45bd34
```
#45bd34 rgb(69,189,52)
```
#3ec62b
```
#3ec62b rgb(62,198,43)
```
#37cf22
```
#37cf22 rgb(55,207,34)
```
#30d918
```
#30d918 rgb(48,217,24)
```
#29e20f
```
#29e20f rgb(41,226,15)
```
#22eb06
```
#22eb06 rgb(34,235,6)
```

Tone Color Variation

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

#838383 Achromatopsia 0.005% of the population
#7b8979 Atypical Achromatopsia 0.001% of the population

Dichromacy

#a59653 Protanopia 1% of men
#b49060 Deuteranopia 1% of men
#749ca8 Tritanopia 0.001% of the population

Trichromacy

#899a52 Protanomaly 1% of men, 0.01% of women
#93965a Deuteranomaly 6% of men, 0.4% of women
#6a9e88 Tritanomaly 0.01% of the population

#5aa150 hex color

#5aa150 Color Information

#5aa150 Color Conversion

Color Schemes with #5aa150

Alternatives to #5aa150

#5aa150 Preview

Shades and Tints of #5aa150

Tones of #5aa150

Color Blindness Simulator