#5aa4ad hex color

In a RGB color space, hex #5aa4ad is composed of 35.3% red, 64.3% green and 67.8% blue. Whereas in a CMYK color space, it is composed of 48% cyan, 5.2% magenta, 0% yellow and 32.2% black. It has a hue angle of 186.5 degrees, a saturation of 33.6% and a lightness of 51.6%. #5aa4ad color hex could be obtained by blending #b4ffff with #00495b. Closest websafe color is: #669999.

♥
- f
- t
- g
- R 35
- G 64
- B 68
RGB color chart
- C 48
- M 5
- Y 0
- K 32
CMYK color chart

● #5aa4ad color description : Dark moderate cyan.

The hexadecimal color #5aa4ad has RGB values of R:90, G:164, B:173 and CMYK values of C:0.48, M:0.05, Y:0, K:0.32. Its decimal value is 5940397.

Hex triplet	5aa4ad	`#5aa4ad`
RGB Decimal	90, 164, 173	`rgb(90,164,173)`
RGB Percent	35.3, 64.3, 67.8	`rgb(35.3%,64.3%,67.8%)`
CMYK	48, 5, 0, 32
HSL	186.5°, 33.6, 51.6	`hsl(186.5,33.6%,51.6%)`
HSV (or HSB)	186.5°, 48, 67.8
Web Safe	669999	`#669999`

CIE-LAB	63.128, -20.568, -11.817
XYZ	25.033, 31.74, 44.34
xyY	0.248, 0.314, 31.74
CIE-LCH	63.128, 23.721, 209.878
CIE-LUV	63.128, -32.78, -14.671
Hunter-Lab	56.338, -19.28, -7.226
Binary	01011010, 10100100, 10101101

#5aa4ad
```
#5aa4ad rgb(90,164,173)
```
#ad635a
```
#ad635a rgb(173,99,90)
```

Complementary Color

#5aad8d
```
#5aad8d rgb(90,173,141)
```
#5aa4ad
```
#5aa4ad rgb(90,164,173)
```
#5a7bad
```
#5a7bad rgb(90,123,173)
```

Analogous Color

#ad8d5a
```
#ad8d5a rgb(173,141,90)
```
#5aa4ad
```
#5aa4ad rgb(90,164,173)
```
#ad5a7b
```
#ad5a7b rgb(173,90,123)
```

Split Complementary Color

#a4ad5a
```
#a4ad5a rgb(164,173,90)
```
#5aa4ad
```
#5aa4ad rgb(90,164,173)
```
#ad5aa4
```
#ad5aa4 rgb(173,90,164)
```

Triadic Color

#5aad63
```
#5aad63 rgb(90,173,99)
```
#5aa4ad
```
#5aa4ad rgb(90,164,173)
```
#ad5aa4
```
#ad5aa4 rgb(173,90,164)
```
#ad635a
```
#ad635a rgb(173,99,90)
```

Tetradic Color

#3e767d
```
#3e767d rgb(62,118,125)
```
#46868e
```
#46868e rgb(70,134,142)
```
#4f969f
```
#4f969f rgb(79,150,159)
```
#5aa4ad
```
#5aa4ad rgb(90,164,173)
```
#6badb5
```
#6badb5 rgb(107,173,181)
```
#7cb7be
```
#7cb7be rgb(124,183,190)
```
#8dc0c6
```
#8dc0c6 rgb(141,192,198)
```

Monochromatic Color

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

#5aada1
```
#5aada1 rgb(90,173,161)
```
#5aada8
```
#5aada8 rgb(90,173,168)
```
#5aabad
```
#5aabad rgb(90,171,173)
```
#5aa4ad
```
#5aa4ad rgb(90,164,173)
```
#5a9dad
```
#5a9dad rgb(90,157,173)
```
#5a96ad
```
#5a96ad rgb(90,150,173)
```
#5a8fad
```
#5a8fad rgb(90,143,173)
```

Similar Colors

Text with hexadecimal color #5aa4ad

This text has a font color of #5aa4ad.

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

#5aa4ad background color

This paragraph has a background color of #5aa4ad.

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

#5aa4ad border color

This element has a border color of #5aa4ad.

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

CSS codes

.text {color:#5aa4ad;}

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

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

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

#030505
```
#030505 rgb(3,5,5)
```
#091112
```
#091112 rgb(9,17,18)
```
#101e20
```
#101e20 rgb(16,30,32)
```
#162a2d
```
#162a2d rgb(22,42,45)
```
#1d373a
```
#1d373a rgb(29,55,58)
```
#234347
```
#234347 rgb(35,67,71)
```
#2a4f54
```
#2a4f54 rgb(42,79,84)
```
#305c61
```
#305c61 rgb(48,92,97)
```
#37686e
```
#37686e rgb(55,104,110)
```
#3d757b
```
#3d757b rgb(61,117,123)
```
#448188
```
#448188 rgb(68,129,136)
```
#4a8d95
```
#4a8d95 rgb(74,141,149)
```
#519aa3
```
#519aa3 rgb(81,154,163)
```

Shade Color Variation

#5aa4ad
```
#5aa4ad rgb(90,164,173)
```
#67abb4
```
#67abb4 rgb(103,171,180)
```
#74b2ba
```
#74b2ba rgb(116,178,186)
```
#81bac1
```
#81bac1 rgb(129,186,193)
```
#8ec1c7
```
#8ec1c7 rgb(142,193,199)
```
#9cc8ce
```
#9cc8ce rgb(156,200,206)
```
#a9cfd4
```
#a9cfd4 rgb(169,207,212)
```
#b6d7db
```
#b6d7db rgb(182,215,219)
```
#c3dee1
```
#c3dee1 rgb(195,222,225)
```
#d0e5e8
```
#d0e5e8 rgb(208,229,232)
```
#ddecee
```
#ddecee rgb(221,236,238)
```
#eaf3f5
```
#eaf3f5 rgb(234,243,245)
```
#f7fbfb
```
#f7fbfb rgb(247,251,251)
```

Tint Color Variation

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

#808687
```
#808687 rgb(128,134,135)
```
#778e91
```
#778e91 rgb(119,142,145)
```
#6d959a
```
#6d959a rgb(109,149,154)
```
#649da4
```
#649da4 rgb(100,157,164)
```
#5aa4ad
```
#5aa4ad rgb(90,164,173)
```
#51abb7
```
#51abb7 rgb(81,171,183)
```
#47b3c0
```
#47b3c0 rgb(71,179,192)
```
#3ebaca
```
#3ebaca rgb(62,186,202)
```
#34c2d3
```
#34c2d3 rgb(52,194,211)
```
#2bc9dd
```
#2bc9dd rgb(43,201,221)
```
#21d1e6
```
#21d1e6 rgb(33,209,230)
```
#18d8f0
```
#18d8f0 rgb(24,216,240)
```
#0ee0f9
```
#0ee0f9 rgb(14,224,249)
```

Tone Color Variation

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

#8f8f8f Achromatopsia 0.005% of the population
#849395 Atypical Achromatopsia 0.001% of the population

Dichromacy

#9c9daa Protanopia 1% of men
#a09ab6 Deuteranopia 1% of men
#63a8b4 Tritanopia 0.001% of the population

Trichromacy

#849fab Protanomaly 1% of men, 0.01% of women
#869eb2 Deuteranomaly 6% of men, 0.4% of women
#60a6b1 Tritanomaly 0.01% of the population

#5aa4ad hex color

#5aa4ad Color Information

#5aa4ad Color Conversion

Color Schemes with #5aa4ad

Alternatives to #5aa4ad

#5aa4ad Preview

Shades and Tints of #5aa4ad

Tones of #5aa4ad

Color Blindness Simulator