#5aa572 hex color

In a RGB color space, hex #5aa572 is composed of 35.3% red, 64.7% green and 44.7% blue. Whereas in a CMYK color space, it is composed of 45.5% cyan, 0% magenta, 30.9% yellow and 35.3% black. It has a hue angle of 139.2 degrees, a saturation of 29.4% and a lightness of 50%. #5aa572 color hex could be obtained by blending #b4ffe4 with #004b00. Closest websafe color is: #669966.

♥
- f
- t
- g
- R 35
- G 65
- B 45
RGB color chart
- C 45
- M 0
- Y 31
- K 35
CMYK color chart

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

The hexadecimal color #5aa572 has RGB values of R:90, G:165, B:114 and CMYK values of C:0.45, M:0, Y:0.31, K:0.35. Its decimal value is 5940594.

Hex triplet	5aa572	`#5aa572`
RGB Decimal	90, 165, 114	`rgb(90,165,114)`
RGB Percent	35.3, 64.7, 44.7	`rgb(35.3%,64.7%,44.7%)`
CMYK	45, 0, 31, 35
HSL	139.2°, 29.4, 50	`hsl(139.2,29.4%,50%)`
HSV (or HSB)	139.2°, 45.5, 64.7
Web Safe	669966	`#669966`

CIE-LAB	61.91, -34.957, 19.373
XYZ	20.708, 30.298, 20.676
xyY	0.289, 0.423, 30.298
CIE-LCH	61.91, 39.966, 151.006
CIE-LUV	61.91, -35.13, 31.596
Hunter-Lab	55.043, -29.173, 16.26
Binary	01011010, 10100101, 01110010

#5aa572
```
#5aa572 rgb(90,165,114)
```
#a55a8d
```
#a55a8d rgb(165,90,141)
```

Complementary Color

#68a55a
```
#68a55a rgb(104,165,90)
```
#5aa572
```
#5aa572 rgb(90,165,114)
```
#5aa598
```
#5aa598 rgb(90,165,152)
```

Analogous Color

#a55a68
```
#a55a68 rgb(165,90,104)
```
#5aa572
```
#5aa572 rgb(90,165,114)
```
#985aa5
```
#985aa5 rgb(152,90,165)
```

Split Complementary Color

#a5725a
```
#a5725a rgb(165,114,90)
```
#5aa572
```
#5aa572 rgb(90,165,114)
```
#725aa5
```
#725aa5 rgb(114,90,165)
```

Triadic Color

#8da55a
```
#8da55a rgb(141,165,90)
```
#5aa572
```
#5aa572 rgb(90,165,114)
```
#725aa5
```
#725aa5 rgb(114,90,165)
```
#a55a8d
```
#a55a8d rgb(165,90,141)
```

Tetradic Color

#3f7450
```
#3f7450 rgb(63,116,80)
```
#48845b
```
#48845b rgb(72,132,91)
```
#519567
```
#519567 rgb(81,149,103)
```
#5aa572
```
#5aa572 rgb(90,165,114)
```
#6bae80
```
#6bae80 rgb(107,174,128)
```
#7bb78e
```
#7bb78e rgb(123,183,142)
```
#8cc09c
```
#8cc09c rgb(140,192,156)
```

Monochromatic Color

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

#5aa55f
```
#5aa55f rgb(90,165,95)
```
#5aa566
```
#5aa566 rgb(90,165,102)
```
#5aa56c
```
#5aa56c rgb(90,165,108)
```
#5aa572
```
#5aa572 rgb(90,165,114)
```
#5aa578
```
#5aa578 rgb(90,165,120)
```
#5aa57f
```
#5aa57f rgb(90,165,127)
```
#5aa585
```
#5aa585 rgb(90,165,133)
```

Similar Colors

Text with hexadecimal color #5aa572

This text has a font color of #5aa572.

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

#5aa572 background color

This paragraph has a background color of #5aa572.

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

#5aa572 border color

This element has a border color of #5aa572.

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

CSS codes

.text {color:#5aa572;}

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

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

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

#070d09
```
#070d09 rgb(7,13,9)
```
#0e1912
```
#0e1912 rgb(14,25,18)
```
#15261a
```
#15261a rgb(21,38,26)
```
#1c3323
```
#1c3323 rgb(28,51,35)
```
#233f2c
```
#233f2c rgb(35,63,44)
```
#2a4c35
```
#2a4c35 rgb(42,76,53)
```
#30593d
```
#30593d rgb(48,89,61)
```
#376646
```
#376646 rgb(55,102,70)
```
#3e724f
```
#3e724f rgb(62,114,79)
```
#457f58
```
#457f58 rgb(69,127,88)
```
#4c8c60
```
#4c8c60 rgb(76,140,96)
```
#539869
```
#539869 rgb(83,152,105)
```
#5aa572
```
#5aa572 rgb(90,165,114)
```

Shade Color Variation

#67ac7d
```
#67ac7d rgb(103,172,125)
```
#73b388
```
#73b388 rgb(115,179,136)
```
#80ba93
```
#80ba93 rgb(128,186,147)
```
#8dc19d
```
#8dc19d rgb(141,193,157)
```
#99c8a8
```
#99c8a8 rgb(153,200,168)
```
#a6cfb3
```
#a6cfb3 rgb(166,207,179)
```
#b3d5be
```
#b3d5be rgb(179,213,190)
```
#c0dcc9
```
#c0dcc9 rgb(192,220,201)
```
#cce3d4
```
#cce3d4 rgb(204,227,212)
```
#d9eade
```
#d9eade rgb(217,234,222)
```
#e6f1e9
```
#e6f1e9 rgb(230,241,233)
```
#f2f8f4
```
#f2f8f4 rgb(242,248,244)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #77887d is the less saturated color, while #02fd52 is the most saturated one.

#77887d
```
#77887d rgb(119,136,125)
```
#6e9179
```
#6e9179 rgb(110,145,121)
```
#649b76
```
#649b76 rgb(100,155,118)
```
#5aa572
```
#5aa572 rgb(90,165,114)
```
#50af6e
```
#50af6e rgb(80,175,110)
```
#46b96b
```
#46b96b rgb(70,185,107)
```
#3dc267
```
#3dc267 rgb(61,194,103)
```
#33cc64
```
#33cc64 rgb(51,204,100)
```
#29d660
```
#29d660 rgb(41,214,96)
```
#1fe05d
```
#1fe05d rgb(31,224,93)
```
#15ea59
```
#15ea59 rgb(21,234,89)
```
#0cf356
```
#0cf356 rgb(12,243,86)
```
#02fd52
```
#02fd52 rgb(2,253,82)
```

Tone Color Variation

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

#898989 Achromatopsia 0.005% of the population
#808f84 Atypical Achromatopsia 0.001% of the population

Dichromacy

#a69a73 Protanopia 1% of men
#b29580 Deuteranopia 1% of men
#71a2ae Tritanopia 0.001% of the population

Trichromacy

#8a9e72 Protanomaly 1% of men, 0.01% of women
#929b7a Deuteranomaly 6% of men, 0.4% of women
#68a398 Tritanomaly 0.01% of the population

#5aa572 hex color

#5aa572 Color Information

#5aa572 Color Conversion

Color Schemes with #5aa572

Alternatives to #5aa572

#5aa572 Preview

Shades and Tints of #5aa572

Tones of #5aa572

Color Blindness Simulator