#5aa690 hex color

In a RGB color space, hex #5aa690 is composed of 35.3% red, 65.1% green and 56.5% blue. Whereas in a CMYK color space, it is composed of 45.8% cyan, 0% magenta, 13.3% yellow and 34.9% black. It has a hue angle of 162.6 degrees, a saturation of 29.9% and a lightness of 50.2%. #5aa690 color hex could be obtained by blending #b4ffff with #004d21. Closest websafe color is: #669999.

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

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

The hexadecimal color #5aa690 has RGB values of R:90, G:166, B:144 and CMYK values of C:0.46, M:0, Y:0.13, K:0.35. Its decimal value is 5940880.

Hex triplet	5aa690	`#5aa690`
RGB Decimal	90, 166, 144	`rgb(90,166,144)`
RGB Percent	35.3, 65.1, 56.5	`rgb(35.3%,65.1%,56.5%)`
CMYK	46, 0, 13, 35
HSL	162.6°, 29.9, 50.2	`hsl(162.6,29.9%,50.2%)`
HSV (or HSB)	162.6°, 45.8, 65.1
Web Safe	669999	`#669999`

CIE-LAB	62.893, -28.996, 4.097
XYZ	22.885, 31.458, 31.25
xyY	0.267, 0.368, 31.458
CIE-LCH	62.893, 29.284, 171.958
CIE-LUV	62.893, -34.579, 10.425
Hunter-Lab	56.088, -25.321, 6.227
Binary	01011010, 10100110, 10010000

#5aa690
```
#5aa690 rgb(90,166,144)
```
#a65a70
```
#a65a70 rgb(166,90,112)
```

Complementary Color

#5aa66a
```
#5aa66a rgb(90,166,106)
```
#5aa690
```
#5aa690 rgb(90,166,144)
```
#5a96a6
```
#5a96a6 rgb(90,150,166)
```

Analogous Color

#a66a5a
```
#a66a5a rgb(166,106,90)
```
#5aa690
```
#5aa690 rgb(90,166,144)
```
#a65a96
```
#a65a96 rgb(166,90,150)
```

Split Complementary Color

#a6905a
```
#a6905a rgb(166,144,90)
```
#5aa690
```
#5aa690 rgb(90,166,144)
```
#905aa6
```
#905aa6 rgb(144,90,166)
```

Triadic Color

#70a65a
```
#70a65a rgb(112,166,90)
```
#5aa690
```
#5aa690 rgb(90,166,144)
```
#905aa6
```
#905aa6 rgb(144,90,166)
```
#a65a70
```
#a65a70 rgb(166,90,112)
```

Tetradic Color

#3f7565
```
#3f7565 rgb(63,117,101)
```
#488573
```
#488573 rgb(72,133,115)
```
#519682
```
#519682 rgb(81,150,130)
```
#5aa690
```
#5aa690 rgb(90,166,144)
```
#6baf9b
```
#6baf9b rgb(107,175,155)
```
#7bb8a6
```
#7bb8a6 rgb(123,184,166)
```
#8cc1b1
```
#8cc1b1 rgb(140,193,177)
```

Monochromatic Color

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

#5aa67d
```
#5aa67d rgb(90,166,125)
```
#5aa683
```
#5aa683 rgb(90,166,131)
```
#5aa68a
```
#5aa68a rgb(90,166,138)
```
#5aa690
```
#5aa690 rgb(90,166,144)
```
#5aa696
```
#5aa696 rgb(90,166,150)
```
#5aa69d
```
#5aa69d rgb(90,166,157)
```
#5aa6a3
```
#5aa6a3 rgb(90,166,163)
```

Similar Colors

Text with hexadecimal color #5aa690

This text has a font color of #5aa690.

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

#5aa690 background color

This paragraph has a background color of #5aa690.

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

#5aa690 border color

This element has a border color of #5aa690.

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

CSS codes

.text {color:#5aa690;}

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

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

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

#000101
```
#000101 rgb(0,1,1)
```
#070d0c
```
#070d0c rgb(7,13,12)
```
#0e1a17
```
#0e1a17 rgb(14,26,23)
```
#152722
```
#152722 rgb(21,39,34)
```
#1c342d
```
#1c342d rgb(28,52,45)
```
#234038
```
#234038 rgb(35,64,56)
```
#2a4d43
```
#2a4d43 rgb(42,77,67)
```
#305a4e
```
#305a4e rgb(48,90,78)
```
#376759
```
#376759 rgb(55,103,89)
```
#3e7364
```
#3e7364 rgb(62,115,100)
```
#45806f
```
#45806f rgb(69,128,111)
```
#4c8d7a
```
#4c8d7a rgb(76,141,122)
```
#539a85
```
#539a85 rgb(83,154,133)
```

Shade Color Variation

#5aa690
```
#5aa690 rgb(90,166,144)
```
#67ad99
```
#67ad99 rgb(103,173,153)
```
#73b4a1
```
#73b4a1 rgb(115,180,161)
```
#80bbaa
```
#80bbaa rgb(128,187,170)
```
#8dc1b2
```
#8dc1b2 rgb(141,193,178)
```
#9ac8bb
```
#9ac8bb rgb(154,200,187)
```
#a6cfc3
```
#a6cfc3 rgb(166,207,195)
```
#b3d6cc
```
#b3d6cc rgb(179,214,204)
```
#c0ddd5
```
#c0ddd5 rgb(192,221,213)
```
#cde4dd
```
#cde4dd rgb(205,228,221)
```
#d9ebe6
```
#d9ebe6 rgb(217,235,230)
```
#e6f2ee
```
#e6f2ee rgb(230,242,238)
```
#f3f8f7
```
#f3f8f7 rgb(243,248,247)
```

Tint Color Variation

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

#778984
```
#778984 rgb(119,137,132)
```
#6e9288
```
#6e9288 rgb(110,146,136)
```
#649c8c
```
#649c8c rgb(100,156,140)
```
#5aa690
```
#5aa690 rgb(90,166,144)
```
#50b094
```
#50b094 rgb(80,176,148)
```
#46ba98
```
#46ba98 rgb(70,186,152)
```
#3dc39c
```
#3dc39c rgb(61,195,156)
```
#33cda0
```
#33cda0 rgb(51,205,160)
```
#29d7a5
```
#29d7a5 rgb(41,215,165)
```
#1fe1a9
```
#1fe1a9 rgb(31,225,169)
```
#16eaad
```
#16eaad rgb(22,234,173)
```
#0cf4b1
```
#0cf4b1 rgb(12,244,177)
```
#02feb5
```
#02feb5 rgb(2,254,181)
```

Tone Color Variation

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

Dichromacy

#a39c8f Protanopia 1% of men
#ac989b Deuteranopia 1% of men
#6ca6b2 Tritanopia 0.001% of the population

Trichromacy

#88a08f Protanomaly 1% of men, 0.01% of women
#8e9d97 Deuteranomaly 6% of men, 0.4% of women
#65a6a5 Tritanomaly 0.01% of the population

#5aa690 hex color

#5aa690 Color Information

#5aa690 Color Conversion

Color Schemes with #5aa690

Alternatives to #5aa690

#5aa690 Preview

Shades and Tints of #5aa690

Tones of #5aa690

Color Blindness Simulator