#5a8ff5 hex color

In a RGB color space, hex #5a8ff5 is composed of 35.3% red, 56.1% green and 96.1% blue. Whereas in a CMYK color space, it is composed of 63.3% cyan, 41.6% magenta, 0% yellow and 3.9% black. It has a hue angle of 219.5 degrees, a saturation of 88.6% and a lightness of 65.7%. #5a8ff5 color hex could be obtained by blending #b4ffff with #001feb. Closest websafe color is: #6699ff.

♥
- f
- t
- g
- R 35
- G 56
- B 96
RGB color chart
- C 63
- M 42
- Y 0
- K 4
CMYK color chart

● #5a8ff5 color description : Soft blue.

The hexadecimal color #5a8ff5 has RGB values of R:90, G:143, B:245 and CMYK values of C:0.63, M:0.42, Y:0, K:0.04. Its decimal value is 5935093.

Hex triplet	5a8ff5	`#5a8ff5`
RGB Decimal	90, 143, 245	`rgb(90,143,245)`
RGB Percent	35.3, 56.1, 96.1	`rgb(35.3%,56.1%,96.1%)`
CMYK	63, 42, 0, 4
HSL	219.5°, 88.6, 65.7	`hsl(219.5,88.6%,65.7%)`
HSV (or HSB)	219.5°, 63.3, 96.1
Web Safe	6699ff	`#6699ff`

CIE-LAB	60.257, 13.683, -56.398
XYZ	30.517, 28.409, 90.257
xyY	0.205, 0.19, 28.409
CIE-LCH	60.257, 58.034, 283.638
CIE-LUV	60.257, -23.526, -91.529
Hunter-Lab	53.3, 8.923, -63.089
Binary	01011010, 10001111, 11110101

#5a8ff5
```
#5a8ff5 rgb(90,143,245)
```
#f5c05a
```
#f5c05a rgb(245,192,90)
```

Complementary Color

#5addf5
```
#5addf5 rgb(90,221,245)
```
#5a8ff5
```
#5a8ff5 rgb(90,143,245)
```
#735af5
```
#735af5 rgb(115,90,245)
```

Analogous Color

#ddf55a
```
#ddf55a rgb(221,245,90)
```
#5a8ff5
```
#5a8ff5 rgb(90,143,245)
```
#f5735a
```
#f5735a rgb(245,115,90)
```

Split Complementary Color

#8ff55a
```
#8ff55a rgb(143,245,90)
```
#5a8ff5
```
#5a8ff5 rgb(90,143,245)
```
#f55a8f
```
#f55a8f rgb(245,90,143)
```

Triadic Color

#5af5c0
```
#5af5c0 rgb(90,245,192)
```
#5a8ff5
```
#5a8ff5 rgb(90,143,245)
```
#f55a8f
```
#f55a8f rgb(245,90,143)
```
#f5c05a
```
#f5c05a rgb(245,192,90)
```

Tetradic Color

#125ef1
```
#125ef1 rgb(18,94,241)
```
#2a6ef2
```
#2a6ef2 rgb(42,110,242)
```
#427ff4
```
#427ff4 rgb(66,127,244)
```
#5a8ff5
```
#5a8ff5 rgb(90,143,245)
```
#729ff6
```
#729ff6 rgb(114,159,246)
```
#8ab0f8
```
#8ab0f8 rgb(138,176,248)
```
#a2c0f9
```
#a2c0f9 rgb(162,192,249)
```

Monochromatic Color

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

#5ab6f5
```
#5ab6f5 rgb(90,182,245)
```
#5aa9f5
```
#5aa9f5 rgb(90,169,245)
```
#5a9cf5
```
#5a9cf5 rgb(90,156,245)
```
#5a8ff5
```
#5a8ff5 rgb(90,143,245)
```
#5a82f5
```
#5a82f5 rgb(90,130,245)
```
#5a75f5
```
#5a75f5 rgb(90,117,245)
```
#5a68f5
```
#5a68f5 rgb(90,104,245)
```

Similar Colors

Text with hexadecimal color #5a8ff5

This text has a font color of #5a8ff5.

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

#5a8ff5 background color

This paragraph has a background color of #5a8ff5.

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

#5a8ff5 border color

This element has a border color of #5a8ff5.

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

CSS codes

.text {color:#5a8ff5;}

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

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

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

#000101
```
#000101 rgb(0,1,1)
```
#010814
```
#010814 rgb(1,8,20)
```
#020f26
```
#020f26 rgb(2,15,38)
```
#031639
```
#031639 rgb(3,22,57)
```
#051d4b
```
#051d4b rgb(5,29,75)
```
#06245e
```
#06245e rgb(6,36,94)
```
#072b70
```
#072b70 rgb(7,43,112)
```
#083283
```
#083283 rgb(8,50,131)
```
#093995
```
#093995 rgb(9,57,149)
```
#0a40a8
```
#0a40a8 rgb(10,64,168)
```
#0b47ba
```
#0b47ba rgb(11,71,186)
```
#0c4ecd
```
#0c4ecd rgb(12,78,205)
```
#0e55df
```
#0e55df rgb(14,85,223)
```

Shade Color Variation

#105df1
```
#105df1 rgb(16,93,241)
```
#2369f2
```
#2369f2 rgb(35,105,242)
```
#3576f3
```
#3576f3 rgb(53,118,243)
```
#4882f4
```
#4882f4 rgb(72,130,244)
```
#5a8ff5
```
#5a8ff5 rgb(90,143,245)
```
#6c9cf6
```
#6c9cf6 rgb(108,156,246)
```
#7fa8f7
```
#7fa8f7 rgb(127,168,247)
```
#91b5f8
```
#91b5f8 rgb(145,181,248)
```
#a4c1f9
```
#a4c1f9 rgb(164,193,249)
```
#b6cefb
```
#b6cefb rgb(182,206,251)
```
#c9dafc
```
#c9dafc rgb(201,218,252)
```
#dbe7fd
```
#dbe7fd rgb(219,231,253)
```
#eef3fe
```
#eef3fe rgb(238,243,254)
```

Tint Color Variation

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

#a4a6ab
```
#a4a6ab rgb(164,166,171)
```
#9da4b2
```
#9da4b2 rgb(157,164,178)
```
#97a2b8
```
#97a2b8 rgb(151,162,184)
```
#90a0bf
```
#90a0bf rgb(144,160,191)
```
#899ec6
```
#899ec6 rgb(137,158,198)
```
#829ccd
```
#829ccd rgb(130,156,205)
```
#7c9ad3
```
#7c9ad3 rgb(124,154,211)
```
#7598da
```
#7598da rgb(117,152,218)
```
#6e95e1
```
#6e95e1 rgb(110,149,225)
```
#6793e8
```
#6793e8 rgb(103,147,232)
```
#6191ee
```
#6191ee rgb(97,145,238)
```
#5a8ff5
```
#5a8ff5 rgb(90,143,245)
```
#538dfc
```
#538dfc rgb(83,141,252)
```

Tone Color Variation

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

#8b8b8b Achromatopsia 0.005% of the population
#818ca0 Atypical Achromatopsia 0.001% of the population

Dichromacy

#6993f4 Protanopia 1% of men
#4b98f4 Deuteranopia 1% of men
#2ca4b0 Tritanopia 0.001% of the population

Trichromacy

#6392f4 Protanomaly 1% of men, 0.01% of women
#5094f4 Deuteranomaly 6% of men, 0.4% of women
#3c9cc9 Tritanomaly 0.01% of the population

#5a8ff5 hex color

#5a8ff5 Color Information

#5a8ff5 Color Conversion

Color Schemes with #5a8ff5

Alternatives to #5a8ff5

#5a8ff5 Preview

Shades and Tints of #5a8ff5

Tones of #5a8ff5

Color Blindness Simulator