#5aaad5 hex color

In a RGB color space, hex #5aaad5 is composed of 35.3% red, 66.7% green and 83.5% blue. Whereas in a CMYK color space, it is composed of 57.7% cyan, 20.2% magenta, 0% yellow and 16.5% black. It has a hue angle of 201 degrees, a saturation of 59.4% and a lightness of 59.4%. #5aaad5 color hex could be obtained by blending #b4ffff with #0055ab. Closest websafe color is: #6699cc.

♥
- f
- t
- g
- R 35
- G 67
- B 84
RGB color chart
- C 58
- M 20
- Y 0
- K 16
CMYK color chart

● #5aaad5 color description : Moderate blue.

The hexadecimal color #5aaad5 has RGB values of R:90, G:170, B:213 and CMYK values of C:0.58, M:0.2, Y:0, K:0.16. Its decimal value is 5941973.

Hex triplet	5aaad5	`#5aaad5`
RGB Decimal	90, 170, 213	`rgb(90,170,213)`
RGB Percent	35.3, 66.7, 83.5	`rgb(35.3%,66.7%,83.5%)`
CMYK	58, 20, 0, 16
HSL	201°, 59.4, 59.4	`hsl(201,59.4%,59.4%)`
HSV (or HSB)	201°, 57.7, 83.5
Web Safe	6699cc	`#6699cc`

CIE-LAB	66.309, -12.101, -29.234
XYZ	30.598, 35.725, 68.23
xyY	0.227, 0.266, 35.725
CIE-LCH	66.309, 31.64, 247.514
CIE-LUV	66.309, -33.729, -44.309
Hunter-Lab	59.771, -13.219, -25.842
Binary	01011010, 10101010, 11010101

#5aaad5
```
#5aaad5 rgb(90,170,213)
```
#d5855a
```
#d5855a rgb(213,133,90)
```

Complementary Color

#5ad5c3
```
#5ad5c3 rgb(90,213,195)
```
#5aaad5
```
#5aaad5 rgb(90,170,213)
```
#5a6dd5
```
#5a6dd5 rgb(90,109,213)
```

Analogous Color

#d5c35a
```
#d5c35a rgb(213,195,90)
```
#5aaad5
```
#5aaad5 rgb(90,170,213)
```
#d55a6d
```
#d55a6d rgb(213,90,109)
```

Split Complementary Color

#aad55a
```
#aad55a rgb(170,213,90)
```
#5aaad5
```
#5aaad5 rgb(90,170,213)
```
#d55aaa
```
#d55aaa rgb(213,90,170)
```

Triadic Color

#5ad585
```
#5ad585 rgb(90,213,133)
```
#5aaad5
```
#5aaad5 rgb(90,170,213)
```
#d55aaa
```
#d55aaa rgb(213,90,170)
```
#d5855a
```
#d5855a rgb(213,133,90)
```

Tetradic Color

#2e85b5
```
#2e85b5 rgb(46,133,181)
```
#3395c9
```
#3395c9 rgb(51,149,201)
```
#46a0d0
```
#46a0d0 rgb(70,160,208)
```
#5aaad5
```
#5aaad5 rgb(90,170,213)
```
#6eb4da
```
#6eb4da rgb(110,180,218)
```
#83bfdf
```
#83bfdf rgb(131,191,223)
```
#97c9e5
```
#97c9e5 rgb(151,201,229)
```

Monochromatic Color

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

#5ac9d5
```
#5ac9d5 rgb(90,201,213)
```
#5abfd5
```
#5abfd5 rgb(90,191,213)
```
#5ab4d5
```
#5ab4d5 rgb(90,180,213)
```
#5aaad5
```
#5aaad5 rgb(90,170,213)
```
#5aa0d5
```
#5aa0d5 rgb(90,160,213)
```
#5a96d5
```
#5a96d5 rgb(90,150,213)
```
#5a8bd5
```
#5a8bd5 rgb(90,139,213)
```

Similar Colors

Text with hexadecimal color #5aaad5

This text has a font color of #5aaad5.

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

#5aaad5 background color

This paragraph has a background color of #5aaad5.

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

#5aaad5 border color

This element has a border color of #5aaad5.

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

CSS codes

.text {color:#5aaad5;}

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

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

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

#020507
```
#020507 rgb(2,5,7)
```
#061117
```
#061117 rgb(6,17,23)
```
#0a1c26
```
#0a1c26 rgb(10,28,38)
```
#0e2836
```
#0e2836 rgb(14,40,54)
```
#123346
```
#123346 rgb(18,51,70)
```
#163f55
```
#163f55 rgb(22,63,85)
```
#1a4b65
```
#1a4b65 rgb(26,75,101)
```
#1e5674
```
#1e5674 rgb(30,86,116)
```
#226284
```
#226284 rgb(34,98,132)
```
#266d94
```
#266d94 rgb(38,109,148)
```
#2a79a3
```
#2a79a3 rgb(42,121,163)
```
#2e84b3
```
#2e84b3 rgb(46,132,179)
```
#3290c3
```
#3290c3 rgb(50,144,195)
```

Shade Color Variation

#3b9acd
```
#3b9acd rgb(59,154,205)
```
#4aa2d1
```
#4aa2d1 rgb(74,162,209)
```
#5aaad5
```
#5aaad5 rgb(90,170,213)
```
#6ab2d9
```
#6ab2d9 rgb(106,178,217)
```
#79badd
```
#79badd rgb(121,186,221)
```
#89c2e1
```
#89c2e1 rgb(137,194,225)
```
#99cae5
```
#99cae5 rgb(153,202,229)
```
#a8d2e9
```
#a8d2e9 rgb(168,210,233)
```
#b8daed
```
#b8daed rgb(184,218,237)
```
#c7e2f1
```
#c7e2f1 rgb(199,226,241)
```
#d7eaf5
```
#d7eaf5 rgb(215,234,245)
```
#e7f2f9
```
#e7f2f9 rgb(231,242,249)
```
#f6fbfd
```
#f6fbfd rgb(246,251,253)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #92999d is the less saturated color, while #32b6fd is the most saturated one.

#92999d
```
#92999d rgb(146,153,157)
```
#8a9ca5
```
#8a9ca5 rgb(138,156,165)
```
#829ead
```
#829ead rgb(130,158,173)
```
#7aa0b5
```
#7aa0b5 rgb(122,160,181)
```
#72a3bd
```
#72a3bd rgb(114,163,189)
```
#6aa5c5
```
#6aa5c5 rgb(106,165,197)
```
#62a8cd
```
#62a8cd rgb(98,168,205)
```
#5aaad5
```
#5aaad5 rgb(90,170,213)
```
#52acdd
```
#52acdd rgb(82,172,221)
```
#4aafe5
```
#4aafe5 rgb(74,175,229)
```
#42b1ed
```
#42b1ed rgb(66,177,237)
```
#3ab4f5
```
#3ab4f5 rgb(58,180,245)
```
#32b6fd
```
#32b6fd rgb(50,182,253)
```

Tone Color Variation

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

#979797 Achromatopsia 0.005% of the population
#8b9ba3 Atypical Achromatopsia 0.001% of the population

Dichromacy

#99a4d0 Protanopia 1% of men
#95a4db Deuteranopia 1% of men
#56b2bf Tritanopia 0.001% of the population

Trichromacy

#82a6d2 Protanomaly 1% of men, 0.01% of women
#7fa6d8 Deuteranomaly 6% of men, 0.4% of women
#57afc7 Tritanomaly 0.01% of the population

#5aaad5 hex color

#5aaad5 Color Information

#5aaad5 Color Conversion

Color Schemes with #5aaad5

Alternatives to #5aaad5

#5aaad5 Preview

Shades and Tints of #5aaad5

Tones of #5aaad5

Color Blindness Simulator