#5aaede hex color

In a RGB color space, hex #5aaede is composed of 35.3% red, 68.2% green and 87.1% blue. Whereas in a CMYK color space, it is composed of 59.5% cyan, 21.6% magenta, 0% yellow and 12.9% black. It has a hue angle of 201.8 degrees, a saturation of 66.7% and a lightness of 61.2%. #5aaede color hex could be obtained by blending #b4ffff with #005dbd. Closest websafe color is: #6699cc.

♥
- f
- t
- g
- R 35
- G 68
- B 87
RGB color chart
- C 59
- M 22
- Y 0
- K 13
CMYK color chart

● #5aaede color description : Soft blue.

The hexadecimal color #5aaede has RGB values of R:90, G:174, B:222 and CMYK values of C:0.59, M:0.22, Y:0, K:0.13. Its decimal value is 5943006.

Hex triplet	5aaede	`#5aaede`
RGB Decimal	90, 174, 222	`rgb(90,174,222)`
RGB Percent	35.3, 68.2, 87.1	`rgb(35.3%,68.2%,87.1%)`
CMYK	59, 22, 0, 13
HSL	201.8°, 66.7, 61.2	`hsl(201.8,66.7%,61.2%)`
HSV (or HSB)	201.8°, 59.5, 87.1
Web Safe	6699cc	`#6699cc`

CIE-LAB	67.812, -11.498, -31.866
XYZ	32.534, 37.717, 74.669
xyY	0.224, 0.26, 37.717
CIE-LCH	67.812, 33.877, 250.159
CIE-LUV	67.812, -34.893, -48.947
Hunter-Lab	61.415, -12.916, -29.096
Binary	01011010, 10101110, 11011110

#5aaede
```
#5aaede rgb(90,174,222)
```
#de8a5a
```
#de8a5a rgb(222,138,90)
```

Complementary Color

#5adecc
```
#5adecc rgb(90,222,204)
```
#5aaede
```
#5aaede rgb(90,174,222)
```
#5a6cde
```
#5a6cde rgb(90,108,222)
```

Analogous Color

#decc5a
```
#decc5a rgb(222,204,90)
```
#5aaede
```
#5aaede rgb(90,174,222)
```
#de5a6c
```
#de5a6c rgb(222,90,108)
```

Split Complementary Color

#aede5a
```
#aede5a rgb(174,222,90)
```
#5aaede
```
#5aaede rgb(90,174,222)
```
#de5aae
```
#de5aae rgb(222,90,174)
```

Triadic Color

#5ade8a
```
#5ade8a rgb(90,222,138)
```
#5aaede
```
#5aaede rgb(90,174,222)
```
#de5aae
```
#de5aae rgb(222,90,174)
```
#de8a5a
```
#de8a5a rgb(222,138,90)
```

Tetradic Color

#278bc4
```
#278bc4 rgb(39,139,196)
```
#3099d6
```
#3099d6 rgb(48,153,214)
```
#45a4da
```
#45a4da rgb(69,164,218)
```
#5aaede
```
#5aaede rgb(90,174,222)
```
#6fb8e2
```
#6fb8e2 rgb(111,184,226)
```
#85c3e7
```
#85c3e7 rgb(133,195,231)
```
#9acdeb
```
#9acdeb rgb(154,205,235)
```

Monochromatic Color

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

#5acfde
```
#5acfde rgb(90,207,222)
```
#5ac4de
```
#5ac4de rgb(90,196,222)
```
#5ab9de
```
#5ab9de rgb(90,185,222)
```
#5aaede
```
#5aaede rgb(90,174,222)
```
#5aa3de
```
#5aa3de rgb(90,163,222)
```
#5a98de
```
#5a98de rgb(90,152,222)
```
#5a8dde
```
#5a8dde rgb(90,141,222)
```

Similar Colors

Text with hexadecimal color #5aaede

This text has a font color of #5aaede.

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

#5aaede background color

This paragraph has a background color of #5aaede.

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

#5aaede border color

This element has a border color of #5aaede.

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

CSS codes

.text {color:#5aaede;}

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

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

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, #030b0f is the darkest color, while #fdfeff is the lightest one.

#030b0f
```
#030b0f rgb(3,11,15)
```
#06161f
```
#06161f rgb(6,22,31)
```
#0a2230
```
#0a2230 rgb(10,34,48)
```
#0d2d40
```
#0d2d40 rgb(13,45,64)
```
#103950
```
#103950 rgb(16,57,80)
```
#134461
```
#134461 rgb(19,68,97)
```
#175071
```
#175071 rgb(23,80,113)
```
#1a5c81
```
#1a5c81 rgb(26,92,129)
```
#1d6792
```
#1d6792 rgb(29,103,146)
```
#2073a2
```
#2073a2 rgb(32,115,162)
```
#247eb2
```
#247eb2 rgb(36,126,178)
```
#278ac3
```
#278ac3 rgb(39,138,195)
```
#2a96d3
```
#2a96d3 rgb(42,150,211)
```

Shade Color Variation

#399ed7
```
#399ed7 rgb(57,158,215)
```
#4aa6db
```
#4aa6db rgb(74,166,219)
```
#5aaede
```
#5aaede rgb(90,174,222)
```
#6ab6e1
```
#6ab6e1 rgb(106,182,225)
```
#7bbee5
```
#7bbee5 rgb(123,190,229)
```
#8bc6e8
```
#8bc6e8 rgb(139,198,232)
```
#9bceeb
```
#9bceeb rgb(155,206,235)
```
#acd6ee
```
#acd6ee rgb(172,214,238)
```
#bcdef2
```
#bcdef2 rgb(188,222,242)
```
#cce6f5
```
#cce6f5 rgb(204,230,245)
```
#ddeef8
```
#ddeef8 rgb(221,238,248)
```
#edf6fb
```
#edf6fb rgb(237,246,251)
```
#fdfeff
```
#fdfeff rgb(253,254,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #979da1 is the less saturated color, while #3cb6fc is the most saturated one.

#979da1
```
#979da1 rgb(151,157,161)
```
#8f9fa9
```
#8f9fa9 rgb(143,159,169)
```
#88a2b0
```
#88a2b0 rgb(136,162,176)
```
#80a4b8
```
#80a4b8 rgb(128,164,184)
```
#78a6c0
```
#78a6c0 rgb(120,166,192)
```
#71a8c7
```
#71a8c7 rgb(113,168,199)
```
#69aacf
```
#69aacf rgb(105,170,207)
```
#62acd6
```
#62acd6 rgb(98,172,214)
```
#5aaede
```
#5aaede rgb(90,174,222)
```
#52b0e6
```
#52b0e6 rgb(82,176,230)
```
#4bb2ed
```
#4bb2ed rgb(75,178,237)
```
#43b4f5
```
#43b4f5 rgb(67,180,245)
```
#3cb6fc
```
#3cb6fc rgb(60,182,252)
```

Tone Color Variation

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

#9a9a9a Achromatopsia 0.005% of the population
#8d9ea8 Atypical Achromatopsia 0.001% of the population

Dichromacy

#9ba8d8 Protanopia 1% of men
#95a8e3 Deuteranopia 1% of men
#53b7c4 Tritanopia 0.001% of the population

Trichromacy

#83aada Protanomaly 1% of men, 0.01% of women
#80aae1 Deuteranomaly 6% of men, 0.4% of women
#55b3cd Tritanomaly 0.01% of the population

#5aaede hex color

#5aaede Color Information

#5aaede Color Conversion

Color Schemes with #5aaede

Alternatives to #5aaede

#5aaede Preview

Shades and Tints of #5aaede

Tones of #5aaede

Color Blindness Simulator