#5aa486 hex color

In a RGB color space, hex #5aa486 is composed of 35.3% red, 64.3% green and 52.5% blue. Whereas in a CMYK color space, it is composed of 45.1% cyan, 0% magenta, 18.3% yellow and 35.7% black. It has a hue angle of 155.7 degrees, a saturation of 29.1% and a lightness of 49.8%. #5aa486 color hex could be obtained by blending #b4ffff with #00490d. 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

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

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

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

CIE-LAB	62.036, -30.329, 8.46
XYZ	21.794, 30.444, 27.281
xyY	0.274, 0.383, 30.444
CIE-LCH	62.036, 31.487, 164.415
CIE-LUV	62.036, -34.078, 16.682
Hunter-Lab	55.177, -26.055, 9.309
Binary	01011010, 10100100, 10000110

#5aa486
```
#5aa486 rgb(90,164,134)
```
#a45a78
```
#a45a78 rgb(164,90,120)
```

Complementary Color

#5aa461
```
#5aa461 rgb(90,164,97)
```
#5aa486
```
#5aa486 rgb(90,164,134)
```
#5a9da4
```
#5a9da4 rgb(90,157,164)
```

Analogous Color

#a4615a
```
#a4615a rgb(164,97,90)
```
#5aa486
```
#5aa486 rgb(90,164,134)
```
#a45a9d
```
#a45a9d rgb(164,90,157)
```

Split Complementary Color

#a4865a
```
#a4865a rgb(164,134,90)
```
#5aa486
```
#5aa486 rgb(90,164,134)
```
#865aa4
```
#865aa4 rgb(134,90,164)
```

Triadic Color

#78a45a
```
#78a45a rgb(120,164,90)
```
#5aa486
```
#5aa486 rgb(90,164,134)
```
#865aa4
```
#865aa4 rgb(134,90,164)
```
#a45a78
```
#a45a78 rgb(164,90,120)
```

Tetradic Color

#3f735e
```
#3f735e rgb(63,115,94)
```
#48836b
```
#48836b rgb(72,131,107)
```
#519479
```
#519479 rgb(81,148,121)
```
#5aa486
```
#5aa486 rgb(90,164,134)
```
#6aad92
```
#6aad92 rgb(106,173,146)
```
#7bb69e
```
#7bb69e rgb(123,182,158)
```
#8bbfaa
```
#8bbfaa rgb(139,191,170)
```

Monochromatic Color

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

#5aa474
```
#5aa474 rgb(90,164,116)
```
#5aa47a
```
#5aa47a rgb(90,164,122)
```
#5aa480
```
#5aa480 rgb(90,164,128)
```
#5aa486
```
#5aa486 rgb(90,164,134)
```
#5aa48c
```
#5aa48c rgb(90,164,140)
```
#5aa492
```
#5aa492 rgb(90,164,146)
```
#5aa499
```
#5aa499 rgb(90,164,153)
```

Similar Colors

Text with hexadecimal color #5aa486

This text has a font color of #5aa486.

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

#5aa486 background color

This paragraph has a background color of #5aa486.

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

#5aa486 border color

This element has a border color of #5aa486.

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

CSS codes

.text {color:#5aa486;}

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

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

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)
```
#223f33
```
#223f33 rgb(34,63,51)
```
#294b3e
```
#294b3e rgb(41,75,62)
```
#305848
```
#305848 rgb(48,88,72)
```
#376552
```
#376552 rgb(55,101,82)
```
#3e715d
```
#3e715d rgb(62,113,93)
```
#457e67
```
#457e67 rgb(69,126,103)
```
#4c8b71
```
#4c8b71 rgb(76,139,113)
```
#53977c
```
#53977c rgb(83,151,124)
```
#5aa486
```
#5aa486 rgb(90,164,134)
```

Shade Color Variation

#66ab8f
```
#66ab8f rgb(102,171,143)
```
#73b299
```
#73b299 rgb(115,178,153)
```
#80b9a2
```
#80b9a2 rgb(128,185,162)
```
#8cc0ab
```
#8cc0ab rgb(140,192,171)
```
#99c7b4
```
#99c7b4 rgb(153,199,180)
```
#a6cebe
```
#a6cebe rgb(166,206,190)
```
#b2d5c7
```
#b2d5c7 rgb(178,213,199)
```
#bfdcd0
```
#bfdcd0 rgb(191,220,208)
```
#cce3d9
```
#cce3d9 rgb(204,227,217)
```
#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, #778780 is the less saturated color, while #02fc97 is the most saturated one.

#778780
```
#778780 rgb(119,135,128)
```
#6e9082
```
#6e9082 rgb(110,144,130)
```
#649a84
```
#649a84 rgb(100,154,132)
```
#5aa486
```
#5aa486 rgb(90,164,134)
```
#50ae88
```
#50ae88 rgb(80,174,136)
```
#46b88a
```
#46b88a rgb(70,184,138)
```
#3dc18c
```
#3dc18c rgb(61,193,140)
```
#33cb8d
```
#33cb8d rgb(51,203,141)
```
#29d58f
```
#29d58f rgb(41,213,143)
```
#1fdf91
```
#1fdf91 rgb(31,223,145)
```
#16e893
```
#16e893 rgb(22,232,147)
```
#0cf295
```
#0cf295 rgb(12,242,149)
```
#02fc97
```
#02fc97 rgb(2,252,151)
```

Tone Color Variation

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

Dichromacy

#a39a85 Protanopia 1% of men
#ad9692 Deuteranopia 1% of men
#6da3af Tritanopia 0.001% of the population

Trichromacy

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

#5aa486 hex color

#5aa486 Color Information

#5aa486 Color Conversion

Color Schemes with #5aa486

Alternatives to #5aa486

#5aa486 Preview

Shades and Tints of #5aa486

Tones of #5aa486

Color Blindness Simulator