#5aa770 hex color

In a RGB color space, hex #5aa770 is composed of 35.3% red, 65.5% green and 43.9% blue. Whereas in a CMYK color space, it is composed of 46.1% cyan, 0% magenta, 32.9% yellow and 34.5% black. It has a hue angle of 137.1 degrees, a saturation of 30.4% and a lightness of 50.4%. #5aa770 color hex could be obtained by blending #b4ffe0 with #004f00. Closest websafe color is: #669966.

♥
- f
- t
- g
- R 35
- G 65
- B 44
RGB color chart
- C 46
- M 0
- Y 33
- K 35
CMYK color chart

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

The hexadecimal color #5aa770 has RGB values of R:90, G:167, B:112 and CMYK values of C:0.46, M:0, Y:0.33, K:0.35. Its decimal value is 5941104.

Hex triplet	5aa770	`#5aa770`
RGB Decimal	90, 167, 112	`rgb(90,167,112)`
RGB Percent	35.3, 65.5, 43.9	`rgb(35.3%,65.5%,43.9%)`
CMYK	46, 0, 33, 35
HSL	137.1°, 30.4, 50.4	`hsl(137.1,30.4%,50.4%)`
HSV (or HSB)	137.1°, 46.1, 65.5
Web Safe	669966	`#669966`

CIE-LAB	62.49, -36.248, 21.254
XYZ	20.959, 30.98, 20.204
xyY	0.291, 0.429, 30.98
CIE-LCH	62.49, 42.02, 149.614
CIE-LUV	62.49, -36.046, 34.177
Hunter-Lab	55.659, -30.189, 17.44
Binary	01011010, 10100111, 01110000

#5aa770
```
#5aa770 rgb(90,167,112)
```
#a75a91
```
#a75a91 rgb(167,90,145)
```

Complementary Color

#6ba75a
```
#6ba75a rgb(107,167,90)
```
#5aa770
```
#5aa770 rgb(90,167,112)
```
#5aa797
```
#5aa797 rgb(90,167,151)
```

Analogous Color

#a75a6b
```
#a75a6b rgb(167,90,107)
```
#5aa770
```
#5aa770 rgb(90,167,112)
```
#975aa7
```
#975aa7 rgb(151,90,167)
```

Split Complementary Color

#a7705a
```
#a7705a rgb(167,112,90)
```
#5aa770
```
#5aa770 rgb(90,167,112)
```
#705aa7
```
#705aa7 rgb(112,90,167)
```

Triadic Color

#91a75a
```
#91a75a rgb(145,167,90)
```
#5aa770
```
#5aa770 rgb(90,167,112)
```
#705aa7
```
#705aa7 rgb(112,90,167)
```
#a75a91
```
#a75a91 rgb(167,90,145)
```

Tetradic Color

#3f764e
```
#3f764e rgb(63,118,78)
```
#48865a
```
#48865a rgb(72,134,90)
```
#519765
```
#519765 rgb(81,151,101)
```
#5aa770
```
#5aa770 rgb(90,167,112)
```
#6bb07e
```
#6bb07e rgb(107,176,126)
```
#7bb98d
```
#7bb98d rgb(123,185,141)
```
#8cc29b
```
#8cc29b rgb(140,194,155)
```

Monochromatic Color

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

#5aa75d
```
#5aa75d rgb(90,167,93)
```
#5aa763
```
#5aa763 rgb(90,167,99)
```
#5aa76a
```
#5aa76a rgb(90,167,106)
```
#5aa770
```
#5aa770 rgb(90,167,112)
```
#5aa776
```
#5aa776 rgb(90,167,118)
```
#5aa77d
```
#5aa77d rgb(90,167,125)
```
#5aa783
```
#5aa783 rgb(90,167,131)
```

Similar Colors

Text with hexadecimal color #5aa770

This text has a font color of #5aa770.

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

#5aa770 background color

This paragraph has a background color of #5aa770.

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

#5aa770 border color

This element has a border color of #5aa770.

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

CSS codes

.text {color:#5aa770;}

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

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

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

#010101
```
#010101 rgb(1,1,1)
```
#080e09
```
#080e09 rgb(8,14,9)
```
#0e1b12
```
#0e1b12 rgb(14,27,18)
```
#15281a
```
#15281a rgb(21,40,26)
```
#1c3423
```
#1c3423 rgb(28,52,35)
```
#23412c
```
#23412c rgb(35,65,44)
```
#2a4e34
```
#2a4e34 rgb(42,78,52)
```
#305b3d
```
#305b3d rgb(48,91,61)
```
#376845
```
#376845 rgb(55,104,69)
```
#3e744e
```
#3e744e rgb(62,116,78)
```
#458156
```
#458156 rgb(69,129,86)
```
#4c8e5f
```
#4c8e5f rgb(76,142,95)
```
#539b67
```
#539b67 rgb(83,155,103)
```

Shade Color Variation

#5aa770
```
#5aa770 rgb(90,167,112)
```
#67ae7b
```
#67ae7b rgb(103,174,123)
```
#74b586
```
#74b586 rgb(116,181,134)
```
#80bb91
```
#80bb91 rgb(128,187,145)
```
#8dc29c
```
#8dc29c rgb(141,194,156)
```
#9ac9a7
```
#9ac9a7 rgb(154,201,167)
```
#a7d0b3
```
#a7d0b3 rgb(167,208,179)
```
#b4d7be
```
#b4d7be rgb(180,215,190)
```
#c0dec9
```
#c0dec9 rgb(192,222,201)
```
#cde4d4
```
#cde4d4 rgb(205,228,212)
```
#daebdf
```
#daebdf rgb(218,235,223)
```
#e7f2ea
```
#e7f2ea rgb(231,242,234)
```
#f4f9f5
```
#f4f9f5 rgb(244,249,245)
```

Tint Color Variation

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

#778a7d
```
#778a7d rgb(119,138,125)
```
#6d9478
```
#6d9478 rgb(109,148,120)
```
#649d74
```
#649d74 rgb(100,157,116)
```
#5aa770
```
#5aa770 rgb(90,167,112)
```
#50b16c
```
#50b16c rgb(80,177,108)
```
#47ba68
```
#47ba68 rgb(71,186,104)
```
#3dc463
```
#3dc463 rgb(61,196,99)
```
#33ce5f
```
#33ce5f rgb(51,206,95)
```
#29d85b
```
#29d85b rgb(41,216,91)
```
#20e157
```
#20e157 rgb(32,225,87)
```
#16eb53
```
#16eb53 rgb(22,235,83)
```
#0cf54f
```
#0cf54f rgb(12,245,79)
```
#02ff4a
```
#02ff4a rgb(2,255,74)
```

Tone Color Variation

Below, you can see how #5aa770 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
#809085 Atypical Achromatopsia 0.001% of the population

Dichromacy

#a89c71 Protanopia 1% of men
#b5967e Deuteranopia 1% of men
#72a4b0 Tritanopia 0.001% of the population

Trichromacy

#8ba070 Protanomaly 1% of men, 0.01% of women
#949c79 Deuteranomaly 6% of men, 0.4% of women
#69a598 Tritanomaly 0.01% of the population

#5aa770 hex color

#5aa770 Color Information

#5aa770 Color Conversion

Color Schemes with #5aa770

Alternatives to #5aa770

#5aa770 Preview

Shades and Tints of #5aa770

Tones of #5aa770

Color Blindness Simulator