#5a93e8 hex color

In a RGB color space, hex #5a93e8 is composed of 35.3% red, 57.6% green and 91% blue. Whereas in a CMYK color space, it is composed of 61.2% cyan, 36.6% magenta, 0% yellow and 9% black. It has a hue angle of 215.9 degrees, a saturation of 75.5% and a lightness of 63.1%. #5a93e8 color hex could be obtained by blending #b4ffff with #0027d1. Closest websafe color is: #6699ff.

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

● #5a93e8 color description : Soft blue.

The hexadecimal color #5a93e8 has RGB values of R:90, G:147, B:232 and CMYK values of C:0.61, M:0.37, Y:0, K:0.09. Its decimal value is 5936104.

Hex triplet	5a93e8	`#5a93e8`
RGB Decimal	90, 147, 232	`rgb(90,147,232)`
RGB Percent	35.3, 57.6, 91	`rgb(35.3%,57.6%,91%)`
CMYK	61, 37, 0, 9
HSL	215.9°, 75.5, 63.1	`hsl(215.9,75.5%,63.1%)`
HSV (or HSB)	215.9°, 61.2, 91
Web Safe	6699ff	`#6699ff`

CIE-LAB	60.663, 6.984, -48.573
XYZ	29.212, 28.865, 80.372
xyY	0.211, 0.208, 28.865
CIE-LCH	60.663, 49.072, 278.182
CIE-LUV	60.663, -24.997, -78.038
Hunter-Lab	53.727, 3.033, -51.086
Binary	01011010, 10010011, 11101000

#5a93e8
```
#5a93e8 rgb(90,147,232)
```
#e8af5a
```
#e8af5a rgb(232,175,90)
```

Complementary Color

#5adae8
```
#5adae8 rgb(90,218,232)
```
#5a93e8
```
#5a93e8 rgb(90,147,232)
```
#685ae8
```
#685ae8 rgb(104,90,232)
```

Analogous Color

#dae85a
```
#dae85a rgb(218,232,90)
```
#5a93e8
```
#5a93e8 rgb(90,147,232)
```
#e8685a
```
#e8685a rgb(232,104,90)
```

Split Complementary Color

#93e85a
```
#93e85a rgb(147,232,90)
```
#5a93e8
```
#5a93e8 rgb(90,147,232)
```
#e85a93
```
#e85a93 rgb(232,90,147)
```

Triadic Color

#5ae8af
```
#5ae8af rgb(90,232,175)
```
#5a93e8
```
#5a93e8 rgb(90,147,232)
```
#e85a93
```
#e85a93 rgb(232,90,147)
```
#e8af5a
```
#e8af5a rgb(232,175,90)
```

Tetradic Color

#1e68d7
```
#1e68d7 rgb(30,104,215)
```
#2d76e2
```
#2d76e2 rgb(45,118,226)
```
#4484e5
```
#4484e5 rgb(68,132,229)
```
#5a93e8
```
#5a93e8 rgb(90,147,232)
```
#70a2eb
```
#70a2eb rgb(112,162,235)
```
#87b0ee
```
#87b0ee rgb(135,176,238)
```
#9dbff1
```
#9dbff1 rgb(157,191,241)
```

Monochromatic Color

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

#5ab7e8
```
#5ab7e8 rgb(90,183,232)
```
#5aabe8
```
#5aabe8 rgb(90,171,232)
```
#5a9fe8
```
#5a9fe8 rgb(90,159,232)
```
#5a93e8
```
#5a93e8 rgb(90,147,232)
```
#5a87e8
```
#5a87e8 rgb(90,135,232)
```
#5a7be8
```
#5a7be8 rgb(90,123,232)
```
#5a70e8
```
#5a70e8 rgb(90,112,232)
```

Similar Colors

Text with hexadecimal color #5a93e8

This text has a font color of #5a93e8.

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

#5a93e8 background color

This paragraph has a background color of #5a93e8.

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

#5a93e8 border color

This element has a border color of #5a93e8.

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

CSS codes

.text {color:#5a93e8;}

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

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

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

#010307
```
#010307 rgb(1,3,7)
```
#030c18
```
#030c18 rgb(3,12,24)
```
#06142a
```
#06142a rgb(6,20,42)
```
#081d3b
```
#081d3b rgb(8,29,59)
```
#0b254c
```
#0b254c rgb(11,37,76)
```
#0d2d5d
```
#0d2d5d rgb(13,45,93)
```
#0f366e
```
#0f366e rgb(15,54,110)
```
#123e80
```
#123e80 rgb(18,62,128)
```
#144691
```
#144691 rgb(20,70,145)
```
#174fa2
```
#174fa2 rgb(23,79,162)
```
#1957b3
```
#1957b3 rgb(25,87,179)
```
#1b5fc5
```
#1b5fc5 rgb(27,95,197)
```
#1e68d6
```
#1e68d6 rgb(30,104,214)
```

Shade Color Variation

#2671e1
```
#2671e1 rgb(38,113,225)
```
#387ce3
```
#387ce3 rgb(56,124,227)
```
#4988e6
```
#4988e6 rgb(73,136,230)
```
#5a93e8
```
#5a93e8 rgb(90,147,232)
```
#6b9eea
```
#6b9eea rgb(107,158,234)
```
#7caaed
```
#7caaed rgb(124,170,237)
```
#8eb5ef
```
#8eb5ef rgb(142,181,239)
```
#9fc0f2
```
#9fc0f2 rgb(159,192,242)
```
#b0cbf4
```
#b0cbf4 rgb(176,203,244)
```
#c1d7f6
```
#c1d7f6 rgb(193,215,246)
```
#d3e2f9
```
#d3e2f9 rgb(211,226,249)
```
#e4edfb
```
#e4edfb rgb(228,237,251)
```
#f5f8fe
```
#f5f8fe rgb(245,248,254)
```

Tint Color Variation

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

#9ba0a7
```
#9ba0a7 rgb(155,160,167)
```
#949eae
```
#949eae rgb(148,158,174)
```
#8d9db5
```
#8d9db5 rgb(141,157,181)
```
#859cbd
```
#859cbd rgb(133,156,189)
```
#7e9ac4
```
#7e9ac4 rgb(126,154,196)
```
#7799cb
```
#7799cb rgb(119,153,203)
```
#7097d2
```
#7097d2 rgb(112,151,210)
```
#6896da
```
#6896da rgb(104,150,218)
```
#6194e1
```
#6194e1 rgb(97,148,225)
```
#5a93e8
```
#5a93e8 rgb(90,147,232)
```
#5392ef
```
#5392ef rgb(83,146,239)
```
#4c90f6
```
#4c90f6 rgb(76,144,246)
```
#448ffe
```
#448ffe rgb(68,143,254)
```

Tone Color Variation

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

#8c8c8c Achromatopsia 0.005% of the population
#828d9e Atypical Achromatopsia 0.001% of the population

Dichromacy

#7695e6 Protanopia 1% of men
#6398e9 Deuteranopia 1% of men
#3ea4b1 Tritanopia 0.001% of the population

Trichromacy

#6c94e7 Protanomaly 1% of men, 0.01% of women
#6096e8 Deuteranomaly 6% of men, 0.4% of women
#489ec5 Tritanomaly 0.01% of the population

#5a93e8 hex color

#5a93e8 Color Information

#5a93e8 Color Conversion

Color Schemes with #5a93e8

Alternatives to #5a93e8

#5a93e8 Preview

Shades and Tints of #5a93e8

Tones of #5a93e8

Color Blindness Simulator