#5aa295 hex color

In a RGB color space, hex #5aa295 is composed of 35.3% red, 63.5% green and 58.4% blue. Whereas in a CMYK color space, it is composed of 44.4% cyan, 0% magenta, 8% yellow and 36.5% black. It has a hue angle of 169.2 degrees, a saturation of 28.6% and a lightness of 49.4%. #5aa295 color hex could be obtained by blending #b4ffff with #00452b. Closest websafe color is: #669999.

♥
- f
- t
- g
- R 35
- G 64
- B 58
RGB color chart
- C 44
- M 0
- Y 8
- K 36
CMYK color chart

● #5aa295 color description : Mostly desaturated dark cyan.

The hexadecimal color #5aa295 has RGB values of R:90, G:162, B:149 and CMYK values of C:0.44, M:0, Y:0.08, K:0.36. Its decimal value is 5939861.

Hex triplet	5aa295	`#5aa295`
RGB Decimal	90, 162, 149	`rgb(90,162,149)`
RGB Percent	35.3, 63.5, 58.4	`rgb(35.3%,63.5%,58.4%)`
CMYK	44, 0, 8, 36
HSL	169.2°, 28.6, 49.4	`hsl(169.2,28.6%,49.4%)`
HSV (or HSB)	169.2°, 44.4, 63.5
Web Safe	669999	`#669999`

CIE-LAB	61.812, -25.817, -0.279
XYZ	22.56, 30.183, 33.069
xyY	0.263, 0.352, 30.183
CIE-LCH	61.812, 25.819, 180.618
CIE-LUV	61.812, -32.758, 3.611
Hunter-Lab	54.939, -22.844, 2.769
Binary	01011010, 10100010, 10010101

#5aa295
```
#5aa295 rgb(90,162,149)
```
#a25a67
```
#a25a67 rgb(162,90,103)
```

Complementary Color

#5aa271
```
#5aa271 rgb(90,162,113)
```
#5aa295
```
#5aa295 rgb(90,162,149)
```
#5a8ba2
```
#5a8ba2 rgb(90,139,162)
```

Analogous Color

#a2715a
```
#a2715a rgb(162,113,90)
```
#5aa295
```
#5aa295 rgb(90,162,149)
```
#a25a8b
```
#a25a8b rgb(162,90,139)
```

Split Complementary Color

#a2955a
```
#a2955a rgb(162,149,90)
```
#5aa295
```
#5aa295 rgb(90,162,149)
```
#955aa2
```
#955aa2 rgb(149,90,162)
```

Triadic Color

#67a25a
```
#67a25a rgb(103,162,90)
```
#5aa295
```
#5aa295 rgb(90,162,149)
```
#955aa2
```
#955aa2 rgb(149,90,162)
```
#a25a67
```
#a25a67 rgb(162,90,103)
```

Tetradic Color

#3f7168
```
#3f7168 rgb(63,113,104)
```
#488177
```
#488177 rgb(72,129,119)
```
#519286
```
#519286 rgb(81,146,134)
```
#5aa295
```
#5aa295 rgb(90,162,149)
```
#6aaca0
```
#6aaca0 rgb(106,172,160)
```
#7ab5aa
```
#7ab5aa rgb(122,181,170)
```
#8abeb5
```
#8abeb5 rgb(138,190,181)
```

Monochromatic Color

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

#5aa283
```
#5aa283 rgb(90,162,131)
```
#5aa289
```
#5aa289 rgb(90,162,137)
```
#5aa28f
```
#5aa28f rgb(90,162,143)
```
#5aa295
```
#5aa295 rgb(90,162,149)
```
#5aa29b
```
#5aa29b rgb(90,162,155)
```
#5aa2a1
```
#5aa2a1 rgb(90,162,161)
```
#5a9da2
```
#5a9da2 rgb(90,157,162)
```

Similar Colors

Text with hexadecimal color #5aa295

This text has a font color of #5aa295.

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

#5aa295 background color

This paragraph has a background color of #5aa295.

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

#5aa295 border color

This element has a border color of #5aa295.

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

CSS codes

.text {color:#5aa295;}

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

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

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, #060b0a is the darkest color, while #fdfefe is the lightest one.

#060b0a
```
#060b0a rgb(6,11,10)
```
#0d1715
```
#0d1715 rgb(13,23,21)
```
#142421
```
#142421 rgb(20,36,33)
```
#1b312d
```
#1b312d rgb(27,49,45)
```
#223d38
```
#223d38 rgb(34,61,56)
```
#294a44
```
#294a44 rgb(41,74,68)
```
#30564f
```
#30564f rgb(48,86,79)
```
#37635b
```
#37635b rgb(55,99,91)
```
#3e7067
```
#3e7067 rgb(62,112,103)
```
#457c72
```
#457c72 rgb(69,124,114)
```
#4c897e
```
#4c897e rgb(76,137,126)
```
#539589
```
#539589 rgb(83,149,137)
```
#5aa295
```
#5aa295 rgb(90,162,149)
```

Shade Color Variation

#66aa9e
```
#66aa9e rgb(102,170,158)
```
#72b1a6
```
#72b1a6 rgb(114,177,166)
```
#7fb8ae
```
#7fb8ae rgb(127,184,174)
```
#8cbfb6
```
#8cbfb6 rgb(140,191,182)
```
#98c6be
```
#98c6be rgb(152,198,190)
```
#a5cdc6
```
#a5cdc6 rgb(165,205,198)
```
#b1d4ce
```
#b1d4ce rgb(177,212,206)
```
#bedbd6
```
#bedbd6 rgb(190,219,214)
```
#cbe2de
```
#cbe2de rgb(203,226,222)
```
#d7e9e6
```
#d7e9e6 rgb(215,233,230)
```
#e4f0ee
```
#e4f0ee rgb(228,240,238)
```
#f0f7f6
```
#f0f7f6 rgb(240,247,246)
```
#fdfefe
```
#fdfefe rgb(253,254,254)
```

Tint Color Variation

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

#778582
```
#778582 rgb(119,133,130)
```
#6d8f89
```
#6d8f89 rgb(109,143,137)
```
#64988f
```
#64988f rgb(100,152,143)
```
#5aa295
```
#5aa295 rgb(90,162,149)
```
#50ac9b
```
#50ac9b rgb(80,172,155)
```
#47b5a1
```
#47b5a1 rgb(71,181,161)
```
#3dbfa8
```
#3dbfa8 rgb(61,191,168)
```
#33c9ae
```
#33c9ae rgb(51,201,174)
```
#2ad2b4
```
#2ad2b4 rgb(42,210,180)
```
#20dcba
```
#20dcba rgb(32,220,186)
```
#16e6c0
```
#16e6c0 rgb(22,230,192)
```
#0cf0c7
```
#0cf0c7 rgb(12,240,199)
```
#03f9cd
```
#03f9cd rgb(3,249,205)
```

Tone Color Variation

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

Dichromacy

#9f9a93 Protanopia 1% of men
#a696a0 Deuteranopia 1% of men
#69a3af Tritanopia 0.001% of the population

Trichromacy

#859d94 Protanomaly 1% of men, 0.01% of women
#8a9a9c Deuteranomaly 6% of men, 0.4% of women
#64a3a5 Tritanomaly 0.01% of the population

#5aa295 hex color

#5aa295 Color Information

#5aa295 Color Conversion

Color Schemes with #5aa295

Alternatives to #5aa295

#5aa295 Preview

Shades and Tints of #5aa295

Tones of #5aa295

Color Blindness Simulator