#5aaeee hex color

In a RGB color space, hex #5aaeee is composed of 35.3% red, 68.2% green and 93.3% blue. Whereas in a CMYK color space, it is composed of 62.2% cyan, 26.9% magenta, 0% yellow and 6.7% black. It has a hue angle of 205.9 degrees, a saturation of 81.3% and a lightness of 64.3%. #5aaeee color hex could be obtained by blending #b4ffff with #005ddd. Closest websafe color is: #6699ff.

♥
- f
- t
- g
- R 35
- G 68
- B 93
RGB color chart
- C 62
- M 27
- Y 0
- K 7
CMYK color chart

● #5aaeee color description : Soft blue.

The hexadecimal color #5aaeee has RGB values of R:90, G:174, B:238 and CMYK values of C:0.62, M:0.27, Y:0, K:0.07. Its decimal value is 5943022.

Hex triplet	5aaeee	`#5aaeee`
RGB Decimal	90, 174, 238	`rgb(90,174,238)`
RGB Percent	35.3, 68.2, 93.3	`rgb(35.3%,68.2%,93.3%)`
CMYK	62, 27, 0, 7
HSL	205.9°, 81.3, 64.3	`hsl(205.9,81.3%,64.3%)`
HSV (or HSB)	205.9°, 62.2, 93.3
Web Safe	6699ff	`#6699ff`

CIE-LAB	68.472, -6.471, -39.593
XYZ	34.781, 38.616, 86.505
xyY	0.218, 0.241, 38.616
CIE-LCH	68.472, 40.118, 260.718
CIE-LUV	68.472, -34.336, -62.734
Hunter-Lab	62.142, -8.841, -39.035
Binary	01011010, 10101110, 11101110

#5aaeee
```
#5aaeee rgb(90,174,238)
```
#ee9a5a
```
#ee9a5a rgb(238,154,90)
```

Complementary Color

#5aeee4
```
#5aeee4 rgb(90,238,228)
```
#5aaeee
```
#5aaeee rgb(90,174,238)
```
#5a64ee
```
#5a64ee rgb(90,100,238)
```

Analogous Color

#eee45a
```
#eee45a rgb(238,228,90)
```
#5aaeee
```
#5aaeee rgb(90,174,238)
```
#ee5a64
```
#ee5a64 rgb(238,90,100)
```

Split Complementary Color

#aeee5a
```
#aeee5a rgb(174,238,90)
```
#5aaeee
```
#5aaeee rgb(90,174,238)
```
#ee5aae
```
#ee5aae rgb(238,90,174)
```

Triadic Color

#5aee9a
```
#5aee9a rgb(90,238,154)
```
#5aaeee
```
#5aaeee rgb(90,174,238)
```
#ee5aae
```
#ee5aae rgb(238,90,174)
```
#ee9a5a
```
#ee9a5a rgb(238,154,90)
```

Tetradic Color

#178ce4
```
#178ce4 rgb(23,140,228)
```
#2c97e9
```
#2c97e9 rgb(44,151,233)
```
#43a3ec
```
#43a3ec rgb(67,163,236)
```
#5aaeee
```
#5aaeee rgb(90,174,238)
```
#71b9f0
```
#71b9f0 rgb(113,185,240)
```
#88c5f3
```
#88c5f3 rgb(136,197,243)
```
#9fd0f5
```
#9fd0f5 rgb(159,208,245)
```

Monochromatic Color

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

#5ad3ee
```
#5ad3ee rgb(90,211,238)
```
#5ac7ee
```
#5ac7ee rgb(90,199,238)
```
#5abaee
```
#5abaee rgb(90,186,238)
```
#5aaeee
```
#5aaeee rgb(90,174,238)
```
#5aa2ee
```
#5aa2ee rgb(90,162,238)
```
#5a95ee
```
#5a95ee rgb(90,149,238)
```
#5a89ee
```
#5a89ee rgb(90,137,238)
```

Similar Colors

Text with hexadecimal color #5aaeee

This text has a font color of #5aaeee.

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

#5aaeee background color

This paragraph has a background color of #5aaeee.

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

#5aaeee border color

This element has a border color of #5aaeee.

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

CSS codes

.text {color:#5aaeee;}

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

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

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, #01080d is the darkest color, while #fafdfe is the lightest one.

#01080d
```
#01080d rgb(1,8,13)
```
#03131f
```
#03131f rgb(3,19,31)
```
#051e30
```
#051e30 rgb(5,30,48)
```
#072942
```
#072942 rgb(7,41,66)
```
#093354
```
#093354 rgb(9,51,84)
```
#0a3e66
```
#0a3e66 rgb(10,62,102)
```
#0c4978
```
#0c4978 rgb(12,73,120)
```
#0e5489
```
#0e5489 rgb(14,84,137)
```
#105f9b
```
#105f9b rgb(16,95,155)
```
#126aad
```
#126aad rgb(18,106,173)
```
#1475bf
```
#1475bf rgb(20,117,191)
```
#1580d0
```
#1580d0 rgb(21,128,208)
```
#178ae2
```
#178ae2 rgb(23,138,226)
```

Shade Color Variation

#2594e9
```
#2594e9 rgb(37,148,233)
```
#369dea
```
#369dea rgb(54,157,234)
```
#48a5ec
```
#48a5ec rgb(72,165,236)
```
#5aaeee
```
#5aaeee rgb(90,174,238)
```
#6cb7f0
```
#6cb7f0 rgb(108,183,240)
```
#7ebff2
```
#7ebff2 rgb(126,191,242)
```
#8fc8f3
```
#8fc8f3 rgb(143,200,243)
```
#a1d1f5
```
#a1d1f5 rgb(161,209,245)
```
#b3daf7
```
#b3daf7 rgb(179,218,247)
```
#c5e2f9
```
#c5e2f9 rgb(197,226,249)
```
#d6ebfb
```
#d6ebfb rgb(214,235,251)
```
#e8f4fd
```
#e8f4fd rgb(232,244,253)
```
#fafdfe
```
#fafdfe rgb(250,253,254)
```

Tint Color Variation

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

#a0a5a8
```
#a0a5a8 rgb(160,165,168)
```
#99a5af
```
#99a5af rgb(153,165,175)
```
#92a6b6
```
#92a6b6 rgb(146,166,182)
```
#8ba7bd
```
#8ba7bd rgb(139,167,189)
```
#84a8c4
```
#84a8c4 rgb(132,168,196)
```
#7da9cb
```
#7da9cb rgb(125,169,203)
```
#76aad2
```
#76aad2 rgb(118,170,210)
```
#6fabd9
```
#6fabd9 rgb(111,171,217)
```
#68ace0
```
#68ace0 rgb(104,172,224)
```
#61ade7
```
#61ade7 rgb(97,173,231)
```
#5aaeee
```
#5aaeee rgb(90,174,238)
```
#53aff5
```
#53aff5 rgb(83,175,245)
```
#4cb0fc
```
#4cb0fc rgb(76,176,252)
```

Tone Color Variation

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

#9c9c9c Achromatopsia 0.005% of the population
#8fa0ac Atypical Achromatopsia 0.001% of the population

Dichromacy

#96a9e8 Protanopia 1% of men
#8caaf1 Deuteranopia 1% of men
#48bac7 Tritanopia 0.001% of the population

Trichromacy

#80abea Protanomaly 1% of men, 0.01% of women
#79abf0 Deuteranomaly 6% of men, 0.4% of women
#4fb5d5 Tritanomaly 0.01% of the population

#5aaeee hex color

#5aaeee Color Information

#5aaeee Color Conversion

Color Schemes with #5aaeee

Alternatives to #5aaeee

#5aaeee Preview

Shades and Tints of #5aaeee

Tones of #5aaeee

Color Blindness Simulator