#5aa487 hex color

In a RGB color space, hex #5aa487 is composed of 35.3% red, 64.3% green and 52.9% blue. Whereas in a CMYK color space, it is composed of 45.1% cyan, 0% magenta, 17.7% yellow and 35.7% black. It has a hue angle of 156.5 degrees, a saturation of 29.1% and a lightness of 49.8%. #5aa487 color hex could be obtained by blending #b4ffff with #00490f. Closest websafe color is: #669999.

♥
- f
- t
- g
- R 35
- G 64
- B 53
RGB color chart
- C 45
- M 0
- Y 18
- K 36
CMYK color chart

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

The hexadecimal color #5aa487 has RGB values of R:90, G:164, B:135 and CMYK values of C:0.45, M:0, Y:0.18, K:0.36. Its decimal value is 5940359.

Hex triplet	5aa487	`#5aa487`
RGB Decimal	90, 164, 135	`rgb(90,164,135)`
RGB Percent	35.3, 64.3, 52.9	`rgb(35.3%,64.3%,52.9%)`
CMYK	45, 0, 18, 36
HSL	156.5°, 29.1, 49.8	`hsl(156.5,29.1%,49.8%)`
HSV (or HSB)	156.5°, 45.1, 64.3
Web Safe	669999	`#669999`

CIE-LAB	62.06, -30.105, 7.935
XYZ	21.864, 30.473, 27.65
xyY	0.273, 0.381, 30.473
CIE-LCH	62.06, 31.133, 165.234
CIE-LUV	62.06, -34.045, 15.928
Hunter-Lab	55.202, -25.905, 8.944
Binary	01011010, 10100100, 10000111

#5aa487
```
#5aa487 rgb(90,164,135)
```
#a45a77
```
#a45a77 rgb(164,90,119)
```

Complementary Color

#5aa462
```
#5aa462 rgb(90,164,98)
```
#5aa487
```
#5aa487 rgb(90,164,135)
```
#5a9ca4
```
#5a9ca4 rgb(90,156,164)
```

Analogous Color

#a4625a
```
#a4625a rgb(164,98,90)
```
#5aa487
```
#5aa487 rgb(90,164,135)
```
#a45a9c
```
#a45a9c rgb(164,90,156)
```

Split Complementary Color

#a4875a
```
#a4875a rgb(164,135,90)
```
#5aa487
```
#5aa487 rgb(90,164,135)
```
#875aa4
```
#875aa4 rgb(135,90,164)
```

Triadic Color

#77a45a
```
#77a45a rgb(119,164,90)
```
#5aa487
```
#5aa487 rgb(90,164,135)
```
#875aa4
```
#875aa4 rgb(135,90,164)
```
#a45a77
```
#a45a77 rgb(164,90,119)
```

Tetradic Color

#3f735e
```
#3f735e rgb(63,115,94)
```
#48836c
```
#48836c rgb(72,131,108)
```
#519479
```
#519479 rgb(81,148,121)
```
#5aa487
```
#5aa487 rgb(90,164,135)
```
#6aad93
```
#6aad93 rgb(106,173,147)
```
#7bb69f
```
#7bb69f rgb(123,182,159)
```
#8bbfab
```
#8bbfab rgb(139,191,171)
```

Monochromatic Color

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

#5aa475
```
#5aa475 rgb(90,164,117)
```
#5aa47b
```
#5aa47b rgb(90,164,123)
```
#5aa481
```
#5aa481 rgb(90,164,129)
```
#5aa487
```
#5aa487 rgb(90,164,135)
```
#5aa48d
```
#5aa48d rgb(90,164,141)
```
#5aa493
```
#5aa493 rgb(90,164,147)
```
#5aa49a
```
#5aa49a rgb(90,164,154)
```

Similar Colors

Text with hexadecimal color #5aa487

This text has a font color of #5aa487.

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

#5aa487 background color

This paragraph has a background color of #5aa487.

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

#5aa487 border color

This element has a border color of #5aa487.

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

CSS codes

.text {color:#5aa487;}

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

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

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

#070c0a
```
#070c0a rgb(7,12,10)
```
#0e1914
```
#0e1914 rgb(14,25,20)
```
#14251f
```
#14251f rgb(20,37,31)
```
#1b3229
```
#1b3229 rgb(27,50,41)
```
#223f34
```
#223f34 rgb(34,63,52)
```
#294b3e
```
#294b3e rgb(41,75,62)
```
#305848
```
#305848 rgb(48,88,72)
```
#376553
```
#376553 rgb(55,101,83)
```
#3e715d
```
#3e715d rgb(62,113,93)
```
#457e68
```
#457e68 rgb(69,126,104)
```
#4c8b72
```
#4c8b72 rgb(76,139,114)
```
#53977d
```
#53977d rgb(83,151,125)
```
#5aa487
```
#5aa487 rgb(90,164,135)
```

Shade Color Variation

#66ab90
```
#66ab90 rgb(102,171,144)
```
#73b299
```
#73b299 rgb(115,178,153)
```
#80b9a3
```
#80b9a3 rgb(128,185,163)
```
#8cc0ac
```
#8cc0ac rgb(140,192,172)
```
#99c7b5
```
#99c7b5 rgb(153,199,181)
```
#a6cebe
```
#a6cebe rgb(166,206,190)
```
#b2d5c7
```
#b2d5c7 rgb(178,213,199)
```
#bfdcd1
```
#bfdcd1 rgb(191,220,209)
```
#cce3da
```
#cce3da rgb(204,227,218)
```
#d8eae3
```
#d8eae3 rgb(216,234,227)
```
#e5f1ec
```
#e5f1ec rgb(229,241,236)
```
#f2f8f5
```
#f2f8f5 rgb(242,248,245)
```
#feffff
```
#feffff rgb(254,255,255)
```

Tint Color Variation

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

#778781
```
#778781 rgb(119,135,129)
```
#6e9083
```
#6e9083 rgb(110,144,131)
```
#649a85
```
#649a85 rgb(100,154,133)
```
#5aa487
```
#5aa487 rgb(90,164,135)
```
#50ae89
```
#50ae89 rgb(80,174,137)
```
#46b88b
```
#46b88b rgb(70,184,139)
```
#3dc18d
```
#3dc18d rgb(61,193,141)
```
#33cb8f
```
#33cb8f rgb(51,203,143)
```
#29d592
```
#29d592 rgb(41,213,146)
```
#1fdf94
```
#1fdf94 rgb(31,223,148)
```
#16e896
```
#16e896 rgb(22,232,150)
```
#0cf298
```
#0cf298 rgb(12,242,152)
```
#02fc9a
```
#02fc9a rgb(2,252,154)
```

Tone Color Variation

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

#8b8b8b Achromatopsia 0.005% of the population
#81908a Atypical Achromatopsia 0.001% of the population

Dichromacy

#a29a86 Protanopia 1% of men
#ac9693 Deuteranopia 1% of men
#6da3af Tritanopia 0.001% of the population

Trichromacy

#889e86 Protanomaly 1% of men, 0.01% of women
#8e9b8e Deuteranomaly 6% of men, 0.4% of women
#66a3a0 Tritanomaly 0.01% of the population

#5aa487 hex color

#5aa487 Color Information

#5aa487 Color Conversion

Color Schemes with #5aa487

Alternatives to #5aa487

#5aa487 Preview

Shades and Tints of #5aa487

Tones of #5aa487

Color Blindness Simulator