#5aa980 hex color

In a RGB color space, hex #5aa980 is composed of 35.3% red, 66.3% green and 50.2% blue. Whereas in a CMYK color space, it is composed of 46.7% cyan, 0% magenta, 24.3% yellow and 33.7% black. It has a hue angle of 148.9 degrees, a saturation of 31.5% and a lightness of 50.8%. #5aa980 color hex could be obtained by blending #b4ffff with #005301. Closest websafe color is: #669999.

♥
- f
- t
- g
- R 35
- G 66
- B 50
RGB color chart
- C 47
- M 0
- Y 24
- K 34
CMYK color chart

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

The hexadecimal color #5aa980 has RGB values of R:90, G:169, B:128 and CMYK values of C:0.47, M:0, Y:0.24, K:0.34. Its decimal value is 5941632.

Hex triplet	5aa980	`#5aa980`
RGB Decimal	90, 169, 128	`rgb(90,169,128)`
RGB Percent	35.3, 66.3, 50.2	`rgb(35.3%,66.3%,50.2%)`
CMYK	47, 0, 24, 34
HSL	148.9°, 31.5, 50.8	`hsl(148.9,31.5%,50.8%)`
HSV (or HSB)	148.9°, 46.7, 66.3
Web Safe	669999	`#669999`

CIE-LAB	63.431, -33.994, 13.763
XYZ	22.299, 32.107, 25.443
xyY	0.279, 0.402, 32.107
CIE-LCH	63.431, 36.674, 157.959
CIE-LUV	63.431, -36.375, 24.47
Hunter-Lab	56.663, -28.912, 13.041
Binary	01011010, 10101001, 10000000

#5aa980
```
#5aa980 rgb(90,169,128)
```
#a95a83
```
#a95a83 rgb(169,90,131)
```

Complementary Color

#5ca95a
```
#5ca95a rgb(92,169,90)
```
#5aa980
```
#5aa980 rgb(90,169,128)
```
#5aa9a8
```
#5aa9a8 rgb(90,169,168)
```

Analogous Color

#a95a5b
```
#a95a5b rgb(169,90,91)
```
#5aa980
```
#5aa980 rgb(90,169,128)
```
#a85aa9
```
#a85aa9 rgb(168,90,169)
```

Split Complementary Color

#a9805a
```
#a9805a rgb(169,128,90)
```
#5aa980
```
#5aa980 rgb(90,169,128)
```
#805aa9
```
#805aa9 rgb(128,90,169)
```

Triadic Color

#83a95a
```
#83a95a rgb(131,169,90)
```
#5aa980
```
#5aa980 rgb(90,169,128)
```
#805aa9
```
#805aa9 rgb(128,90,169)
```
#a95a83
```
#a95a83 rgb(169,90,131)
```

Tetradic Color

#3f785a
```
#3f785a rgb(63,120,90)
```
#478967
```
#478967 rgb(71,137,103)
```
#509973
```
#509973 rgb(80,153,115)
```
#5aa980
```
#5aa980 rgb(90,169,128)
```
#6bb28d
```
#6bb28d rgb(107,178,141)
```
#7cba9a
```
#7cba9a rgb(124,186,154)
```
#8cc3a7
```
#8cc3a7 rgb(140,195,167)
```

Monochromatic Color

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

#5aa96c
```
#5aa96c rgb(90,169,108)
```
#5aa973
```
#5aa973 rgb(90,169,115)
```
#5aa979
```
#5aa979 rgb(90,169,121)
```
#5aa980
```
#5aa980 rgb(90,169,128)
```
#5aa987
```
#5aa987 rgb(90,169,135)
```
#5aa98d
```
#5aa98d rgb(90,169,141)
```
#5aa994
```
#5aa994 rgb(90,169,148)
```

Similar Colors

Text with hexadecimal color #5aa980

This text has a font color of #5aa980.

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

#5aa980 background color

This paragraph has a background color of #5aa980.

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

#5aa980 border color

This element has a border color of #5aa980.

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

CSS codes

.text {color:#5aa980;}

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

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

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

#010302
```
#010302 rgb(1,3,2)
```
#08100c
```
#08100c rgb(8,16,12)
```
#0f1c15
```
#0f1c15 rgb(15,28,21)
```
#16291f
```
#16291f rgb(22,41,31)
```
#1c3629
```
#1c3629 rgb(28,54,41)
```
#234332
```
#234332 rgb(35,67,50)
```
#2a503c
```
#2a503c rgb(42,80,60)
```
#305d46
```
#305d46 rgb(48,93,70)
```
#376a4f
```
#376a4f rgb(55,106,79)
```
#3e7759
```
#3e7759 rgb(62,119,89)
```
#458463
```
#458463 rgb(69,132,99)
```
#4b906d
```
#4b906d rgb(75,144,109)
```
#529d76
```
#529d76 rgb(82,157,118)
```

Shade Color Variation

#5aa980
```
#5aa980 rgb(90,169,128)
```
#67b08a
```
#67b08a rgb(103,176,138)
```
#74b694
```
#74b694 rgb(116,182,148)
```
#81bd9e
```
#81bd9e rgb(129,189,158)
```
#8ec4a8
```
#8ec4a8 rgb(142,196,168)
```
#9acbb2
```
#9acbb2 rgb(154,203,178)
```
#a7d1bc
```
#a7d1bc rgb(167,209,188)
```
#b4d8c5
```
#b4d8c5 rgb(180,216,197)
```
#c1dfcf
```
#c1dfcf rgb(193,223,207)
```
#cee5d9
```
#cee5d9 rgb(206,229,217)
```
#dbece3
```
#dbece3 rgb(219,236,227)
```
#e8f3ed
```
#e8f3ed rgb(232,243,237)
```
#f5faf7
```
#f5faf7 rgb(245,250,247)
```

Tint Color Variation

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

#818281
```
#818281 rgb(129,130,129)
```
#778c81
```
#778c81 rgb(119,140,129)
```
#6d9681
```
#6d9681 rgb(109,150,129)
```
#649f80
```
#649f80 rgb(100,159,128)
```
#5aa980
```
#5aa980 rgb(90,169,128)
```
#50b380
```
#50b380 rgb(80,179,128)
```
#47bc7f
```
#47bc7f rgb(71,188,127)
```
#3dc67f
```
#3dc67f rgb(61,198,127)
```
#33d07f
```
#33d07f rgb(51,208,127)
```
#2ad97e
```
#2ad97e rgb(42,217,126)
```
#20e37e
```
#20e37e rgb(32,227,126)
```
#16ed7d
```
#16ed7d rgb(22,237,125)
```
#0df67d
```
#0df67d rgb(13,246,125)
```

Tone Color Variation

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

#8d8d8d Achromatopsia 0.005% of the population
#83938a Atypical Achromatopsia 0.001% of the population

Dichromacy

#a89e7f Protanopia 1% of men
#b4998d Deuteranopia 1% of men
#70a7b3 Tritanopia 0.001% of the population

Trichromacy

#8ba27f Protanomaly 1% of men, 0.01% of women
#939f88 Deuteranomaly 6% of men, 0.4% of women
#68a7a0 Tritanomaly 0.01% of the population

#5aa980 hex color

#5aa980 Color Information

#5aa980 Color Conversion

Color Schemes with #5aa980

Alternatives to #5aa980

#5aa980 Preview

Shades and Tints of #5aa980

Tones of #5aa980

Color Blindness Simulator