#5a7ae8 hex color

In a RGB color space, hex #5a7ae8 is composed of 35.3% red, 47.8% green and 91% blue. Whereas in a CMYK color space, it is composed of 61.2% cyan, 47.4% magenta, 0% yellow and 9% black. It has a hue angle of 226.5 degrees, a saturation of 75.5% and a lightness of 63.1%. #5a7ae8 color hex could be obtained by blending #b4f4ff with #0000d1. Closest websafe color is: #6666ff.

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

● #5a7ae8 color description : Soft blue.

The hexadecimal color #5a7ae8 has RGB values of R:90, G:122, B:232 and CMYK values of C:0.61, M:0.47, Y:0, K:0.09. Its decimal value is 5929704.

Hex triplet	5a7ae8	`#5a7ae8`
RGB Decimal	90, 122, 232	`rgb(90,122,232)`
RGB Percent	35.3, 47.8, 91	`rgb(35.3%,47.8%,91%)`
CMYK	61, 47, 0, 9
HSL	226.5°, 75.5, 63.1	`hsl(226.5,75.5%,63.1%)`
HSV (or HSB)	226.5°, 61.2, 91
Web Safe	6666ff	`#6666ff`

CIE-LAB	53.939, 22.02, -59.292
XYZ	25.738, 21.918, 79.214
xyY	0.203, 0.173, 21.918
CIE-LCH	53.939, 63.249, 290.374
CIE-LUV	53.939, -16.81, -94.811
Hunter-Lab	46.816, 16.207, -67.548
Binary	01011010, 01111010, 11101000

#5a7ae8
```
#5a7ae8 rgb(90,122,232)
```
#e8c85a
```
#e8c85a rgb(232,200,90)
```

Complementary Color

#5ac1e8
```
#5ac1e8 rgb(90,193,232)
```
#5a7ae8
```
#5a7ae8 rgb(90,122,232)
```
#815ae8
```
#815ae8 rgb(129,90,232)
```

Analogous Color

#c1e85a
```
#c1e85a rgb(193,232,90)
```
#5a7ae8
```
#5a7ae8 rgb(90,122,232)
```
#e8815a
```
#e8815a rgb(232,129,90)
```

Split Complementary Color

#7ae85a
```
#7ae85a rgb(122,232,90)
```
#5a7ae8
```
#5a7ae8 rgb(90,122,232)
```
#e85a7a
```
#e85a7a rgb(232,90,122)
```

Triadic Color

#5ae8c8
```
#5ae8c8 rgb(90,232,200)
```
#5a7ae8
```
#5a7ae8 rgb(90,122,232)
```
#e85a7a
```
#e85a7a rgb(232,90,122)
```
#e8c85a
```
#e8c85a rgb(232,200,90)
```

Tetradic Color

#1e48d7
```
#1e48d7 rgb(30,72,215)
```
#2d56e2
```
#2d56e2 rgb(45,86,226)
```
#4468e5
```
#4468e5 rgb(68,104,229)
```
#5a7ae8
```
#5a7ae8 rgb(90,122,232)
```
#708ceb
```
#708ceb rgb(112,140,235)
```
#879eee
```
#879eee rgb(135,158,238)
```
#9db0f1
```
#9db0f1 rgb(157,176,241)
```

Monochromatic Color

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

#5a9ee8
```
#5a9ee8 rgb(90,158,232)
```
#5a92e8
```
#5a92e8 rgb(90,146,232)
```
#5a86e8
```
#5a86e8 rgb(90,134,232)
```
#5a7ae8
```
#5a7ae8 rgb(90,122,232)
```
#5a6ee8
```
#5a6ee8 rgb(90,110,232)
```
#5a62e8
```
#5a62e8 rgb(90,98,232)
```
#5d5ae8
```
#5d5ae8 rgb(93,90,232)
```

Similar Colors

Text with hexadecimal color #5a7ae8

This text has a font color of #5a7ae8.

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

#5a7ae8 background color

This paragraph has a background color of #5a7ae8.

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

#5a7ae8 border color

This element has a border color of #5a7ae8.

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

CSS codes

.text {color:#5a7ae8;}

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

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

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

#010207
```
#010207 rgb(1,2,7)
```
#030818
```
#030818 rgb(3,8,24)
```
#060e2a
```
#060e2a rgb(6,14,42)
```
#08143b
```
#08143b rgb(8,20,59)
```
#0b194c
```
#0b194c rgb(11,25,76)
```
#0d1f5d
```
#0d1f5d rgb(13,31,93)
```
#0f256e
```
#0f256e rgb(15,37,110)
```
#122b80
```
#122b80 rgb(18,43,128)
```
#143091
```
#143091 rgb(20,48,145)
```
#1736a2
```
#1736a2 rgb(23,54,162)
```
#193cb3
```
#193cb3 rgb(25,60,179)
```
#1b42c5
```
#1b42c5 rgb(27,66,197)
```
#1e47d6
```
#1e47d6 rgb(30,71,214)
```

Shade Color Variation

#2650e1
```
#2650e1 rgb(38,80,225)
```
#385ee3
```
#385ee3 rgb(56,94,227)
```
#496ce6
```
#496ce6 rgb(73,108,230)
```
#5a7ae8
```
#5a7ae8 rgb(90,122,232)
```
#6b88ea
```
#6b88ea rgb(107,136,234)
```
#7c96ed
```
#7c96ed rgb(124,150,237)
```
#8ea4ef
```
#8ea4ef rgb(142,164,239)
```
#9fb2f2
```
#9fb2f2 rgb(159,178,242)
```
#b0bff4
```
#b0bff4 rgb(176,191,244)
```
#c1cdf6
```
#c1cdf6 rgb(193,205,246)
```
#d3dbf9
```
#d3dbf9 rgb(211,219,249)
```
#e4e9fb
```
#e4e9fb rgb(228,233,251)
```
#f5f7fe
```
#f5f7fe rgb(245,247,254)
```

Tint Color Variation

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

#9b9ea7
```
#9b9ea7 rgb(155,158,167)
```
#949aae
```
#949aae rgb(148,154,174)
```
#8d96b5
```
#8d96b5 rgb(141,150,181)
```
#8592bd
```
#8592bd rgb(133,146,189)
```
#7e8ec4
```
#7e8ec4 rgb(126,142,196)
```
#778acb
```
#778acb rgb(119,138,203)
```
#7086d2
```
#7086d2 rgb(112,134,210)
```
#6882da
```
#6882da rgb(104,130,218)
```
#617ee1
```
#617ee1 rgb(97,126,225)
```
#5a7ae8
```
#5a7ae8 rgb(90,122,232)
```
#5376ef
```
#5376ef rgb(83,118,239)
```
#4c72f6
```
#4c72f6 rgb(76,114,246)
```
#446efe
```
#446efe rgb(68,110,254)
```

Tone Color Variation

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

#7d7d7d Achromatopsia 0.005% of the population
#767c92 Atypical Achromatopsia 0.001% of the population

Dichromacy

#4c84eb Protanopia 1% of men
#1189e5 Deuteranopia 1% of men
#2e939e Tritanopia 0.001% of the population

Trichromacy

#5180ea Protanomaly 1% of men, 0.01% of women
#2c83e6 Deuteranomaly 6% of men, 0.4% of women
#3e8ab9 Tritanomaly 0.01% of the population

#5a7ae8 hex color

#5a7ae8 Color Information

#5a7ae8 Color Conversion

Color Schemes with #5a7ae8

Alternatives to #5a7ae8

#5a7ae8 Preview

Shades and Tints of #5a7ae8

Tones of #5a7ae8

Color Blindness Simulator