#5a9ae9 hex color

In a RGB color space, hex #5a9ae9 is composed of 35.3% red, 60.4% green and 91.4% blue. Whereas in a CMYK color space, it is composed of 61.4% cyan, 33.9% magenta, 0% yellow and 8.6% black. It has a hue angle of 213.1 degrees, a saturation of 76.5% and a lightness of 63.3%. #5a9ae9 color hex could be obtained by blending #b4ffff with #0035d3. Closest websafe color is: #6699ff.

♥
- f
- t
- g
- R 35
- G 60
- B 91
RGB color chart
- C 61
- M 34
- Y 0
- K 9
CMYK color chart

● #5a9ae9 color description : Soft blue.

The hexadecimal color #5a9ae9 has RGB values of R:90, G:154, B:233 and CMYK values of C:0.61, M:0.34, Y:0, K:0.09. Its decimal value is 5937897.

Hex triplet	5a9ae9	`#5a9ae9`
RGB Decimal	90, 154, 233	`rgb(90,154,233)`
RGB Percent	35.3, 60.4, 91.4	`rgb(35.3%,60.4%,91.4%)`
CMYK	61, 34, 0, 9
HSL	213.1°, 76.5, 63.3	`hsl(213.1,76.5%,63.3%)`
HSV (or HSB)	213.1°, 61.4, 91.4
Web Safe	6699ff	`#6699ff`

CIE-LAB	62.648, 3.228, -45.989
XYZ	30.477, 31.166, 81.496
xyY	0.213, 0.218, 31.166
CIE-LCH	62.648, 46.102, 274.015
CIE-LUV	62.648, -27.402, -73.74
Hunter-Lab	55.827, -0.25, -47.473
Binary	01011010, 10011010, 11101001

#5a9ae9
```
#5a9ae9 rgb(90,154,233)
```
#e9a95a
```
#e9a95a rgb(233,169,90)
```

Complementary Color

#5ae2e9
```
#5ae2e9 rgb(90,226,233)
```
#5a9ae9
```
#5a9ae9 rgb(90,154,233)
```
#625ae9
```
#625ae9 rgb(98,90,233)
```

Analogous Color

#e2e95a
```
#e2e95a rgb(226,233,90)
```
#5a9ae9
```
#5a9ae9 rgb(90,154,233)
```
#e9615a
```
#e9615a rgb(233,97,90)
```

Split Complementary Color

#9ae95a
```
#9ae95a rgb(154,233,90)
```
#5a9ae9
```
#5a9ae9 rgb(90,154,233)
```
#e95a9a
```
#e95a9a rgb(233,90,154)
```

Triadic Color

#5ae9a9
```
#5ae9a9 rgb(90,233,169)
```
#5a9ae9
```
#5a9ae9 rgb(90,154,233)
```
#e95a9a
```
#e95a9a rgb(233,90,154)
```
#e9a95a
```
#e9a95a rgb(233,169,90)
```

Tetradic Color

#1d71da
```
#1d71da rgb(29,113,218)
```
#2d7ee3
```
#2d7ee3 rgb(45,126,227)
```
#448ce6
```
#448ce6 rgb(68,140,230)
```
#5a9ae9
```
#5a9ae9 rgb(90,154,233)
```
#71a8ec
```
#71a8ec rgb(113,168,236)
```
#87b6ef
```
#87b6ef rgb(135,182,239)
```
#9ec3f2
```
#9ec3f2 rgb(158,195,242)
```

Monochromatic Color

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

#5abee9
```
#5abee9 rgb(90,190,233)
```
#5ab2e9
```
#5ab2e9 rgb(90,178,233)
```
#5aa6e9
```
#5aa6e9 rgb(90,166,233)
```
#5a9ae9
```
#5a9ae9 rgb(90,154,233)
```
#5a8ee9
```
#5a8ee9 rgb(90,142,233)
```
#5a82e9
```
#5a82e9 rgb(90,130,233)
```
#5a76e9
```
#5a76e9 rgb(90,118,233)
```

Similar Colors

Text with hexadecimal color #5a9ae9

This text has a font color of #5a9ae9.

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

#5a9ae9 background color

This paragraph has a background color of #5a9ae9.

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

#5a9ae9 border color

This element has a border color of #5a9ae9.

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

CSS codes

.text {color:#5a9ae9;}

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

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

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

#010408
```
#010408 rgb(1,4,8)
```
#030d19
```
#030d19 rgb(3,13,25)
```
#06162b
```
#06162b rgb(6,22,43)
```
#081f3c
```
#081f3c rgb(8,31,60)
```
#0a284d
```
#0a284d rgb(10,40,77)
```
#0d315f
```
#0d315f rgb(13,49,95)
```
#0f3a70
```
#0f3a70 rgb(15,58,112)
```
#114381
```
#114381 rgb(17,67,129)
```
#144c93
```
#144c93 rgb(20,76,147)
```
#1655a4
```
#1655a4 rgb(22,85,164)
```
#185eb5
```
#185eb5 rgb(24,94,181)
```
#1a67c6
```
#1a67c6 rgb(26,103,198)
```
#1d70d8
```
#1d70d8 rgb(29,112,216)
```

Shade Color Variation

#267ae2
```
#267ae2 rgb(38,122,226)
```
#3785e4
```
#3785e4 rgb(55,133,228)
```
#498fe7
```
#498fe7 rgb(73,143,231)
```
#5a9ae9
```
#5a9ae9 rgb(90,154,233)
```
#6ba5eb
```
#6ba5eb rgb(107,165,235)
```
#7dafee
```
#7dafee rgb(125,175,238)
```
#8ebaf0
```
#8ebaf0 rgb(142,186,240)
```
#9fc4f2
```
#9fc4f2 rgb(159,196,242)
```
#b1cff5
```
#b1cff5 rgb(177,207,245)
```
#c2daf7
```
#c2daf7 rgb(194,218,247)
```
#d3e4f9
```
#d3e4f9 rgb(211,228,249)
```
#e4effb
```
#e4effb rgb(228,239,251)
```
#f6f9fe
```
#f6f9fe rgb(246,249,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #9ba1a8 is the less saturated color, while #4498ff is the most saturated one.

#9ba1a8
```
#9ba1a8 rgb(155,161,168)
```
#94a0af
```
#94a0af rgb(148,160,175)
```
#8c9fb7
```
#8c9fb7 rgb(140,159,183)
```
#859fbe
```
#859fbe rgb(133,159,190)
```
#7e9ec5
```
#7e9ec5 rgb(126,158,197)
```
#779dcc
```
#779dcc rgb(119,157,204)
```
#709cd3
```
#709cd3 rgb(112,156,211)
```
#689cdb
```
#689cdb rgb(104,156,219)
```
#619be2
```
#619be2 rgb(97,155,226)
```
#5a9ae9
```
#5a9ae9 rgb(90,154,233)
```
#5399f0
```
#5399f0 rgb(83,153,240)
```
#4c98f7
```
#4c98f7 rgb(76,152,247)
```
#4498ff
```
#4498ff rgb(68,152,255)
```

Tone Color Variation

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

#909090 Achromatopsia 0.005% of the population
#8592a2 Atypical Achromatopsia 0.001% of the population

Dichromacy

#7f9ae6 Protanopia 1% of men
#6f9ceb Deuteranopia 1% of men
#41aab6 Tritanopia 0.001% of the population

Trichromacy

#729ae7 Protanomaly 1% of men, 0.01% of women
#679bea Deuteranomaly 6% of men, 0.4% of women
#4aa4c8 Tritanomaly 0.01% of the population

#5a9ae9 hex color

#5a9ae9 Color Information

#5a9ae9 Color Conversion

Color Schemes with #5a9ae9

Alternatives to #5a9ae9

#5a9ae9 Preview

Shades and Tints of #5a9ae9

Tones of #5a9ae9

Color Blindness Simulator