#5a87f9 hex color

In a RGB color space, hex #5a87f9 is composed of 35.3% red, 52.9% green and 97.6% blue. Whereas in a CMYK color space, it is composed of 63.9% cyan, 45.8% magenta, 0% yellow and 2.4% black. It has a hue angle of 223 degrees, a saturation of 93% and a lightness of 66.5%. #5a87f9 color hex could be obtained by blending #b4ffff with #000ff3. Closest websafe color is: #6699ff.

♥
- f
- t
- g
- R 35
- G 53
- B 98
RGB color chart
- C 64
- M 46
- Y 0
- K 2
CMYK color chart

● #5a87f9 color description : Soft blue.

The hexadecimal color #5a87f9 has RGB values of R:90, G:135, B:249 and CMYK values of C:0.64, M:0.46, Y:0, K:0.02. Its decimal value is 5933049.

Hex triplet	5a87f9	`#5a87f9`
RGB Decimal	90, 135, 249	`rgb(90,135,249)`
RGB Percent	35.3, 52.9, 97.6	`rgb(35.3%,52.9%,97.6%)`
CMYK	64, 46, 0, 2
HSL	223°, 93, 66.5	`hsl(223,93%,66.5%)`
HSV (or HSB)	223°, 63.9, 97.6
Web Safe	6699ff	`#6699ff`

CIE-LAB	58.358, 19.833, -61.639
XYZ	29.976, 26.339, 93.122
xyY	0.201, 0.176, 26.339
CIE-LCH	58.358, 64.752, 287.836
CIE-LUV	58.358, -20.96, -100.004
Hunter-Lab	51.322, 14.443, -71.654
Binary	01011010, 10000111, 11111001

#5a87f9
```
#5a87f9 rgb(90,135,249)
```
#f9cc5a
```
#f9cc5a rgb(249,204,90)
```

Complementary Color

#5ad7f9
```
#5ad7f9 rgb(90,215,249)
```
#5a87f9
```
#5a87f9 rgb(90,135,249)
```
#7d5af9
```
#7d5af9 rgb(125,90,249)
```

Analogous Color

#d7f95a
```
#d7f95a rgb(215,249,90)
```
#5a87f9
```
#5a87f9 rgb(90,135,249)
```
#f97d5a
```
#f97d5a rgb(249,125,90)
```

Split Complementary Color

#87f95a
```
#87f95a rgb(135,249,90)
```
#5a87f9
```
#5a87f9 rgb(90,135,249)
```
#f95a87
```
#f95a87 rgb(249,90,135)
```

Triadic Color

#5af9cc
```
#5af9cc rgb(90,249,204)
```
#5a87f9
```
#5a87f9 rgb(90,135,249)
```
#f95a87
```
#f95a87 rgb(249,90,135)
```
#f9cc5a
```
#f9cc5a rgb(249,204,90)
```

Tetradic Color

#1051f6
```
#1051f6 rgb(16,81,246)
```
#2963f7
```
#2963f7 rgb(41,99,247)
```
#4175f8
```
#4175f8 rgb(65,117,248)
```
#5a87f9
```
#5a87f9 rgb(90,135,249)
```
#7399fa
```
#7399fa rgb(115,153,250)
```
#8babfb
```
#8babfb rgb(139,171,251)
```
#a4bdfc
```
#a4bdfc rgb(164,189,252)
```

Monochromatic Color

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

#5aaff9
```
#5aaff9 rgb(90,175,249)
```
#5aa2f9
```
#5aa2f9 rgb(90,162,249)
```
#5a94f9
```
#5a94f9 rgb(90,148,249)
```
#5a87f9
```
#5a87f9 rgb(90,135,249)
```
#5a7af9
```
#5a7af9 rgb(90,122,249)
```
#5a6df9
```
#5a6df9 rgb(90,109,249)
```
#5a5ff9
```
#5a5ff9 rgb(90,95,249)
```

Similar Colors

Text with hexadecimal color #5a87f9

This text has a font color of #5a87f9.

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

#5a87f9 background color

This paragraph has a background color of #5a87f9.

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

#5a87f9 border color

This element has a border color of #5a87f9.

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

CSS codes

.text {color:#5a87f9;}

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

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

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

#000205
```
#000205 rgb(0,2,5)
```
#010818
```
#010818 rgb(1,8,24)
```
#020d2b
```
#020d2b rgb(2,13,43)
```
#02133e
```
#02133e rgb(2,19,62)
```
#031951
```
#031951 rgb(3,25,81)
```
#041f64
```
#041f64 rgb(4,31,100)
```
#042577
```
#042577 rgb(4,37,119)
```
#052b8a
```
#052b8a rgb(5,43,138)
```
#06309d
```
#06309d rgb(6,48,157)
```
#0636b0
```
#0636b0 rgb(6,54,176)
```
#073cc3
```
#073cc3 rgb(7,60,195)
```
#0842d6
```
#0842d6 rgb(8,66,214)
```
#0848e8
```
#0848e8 rgb(8,72,232)
```

Shade Color Variation

#0e50f6
```
#0e50f6 rgb(14,80,246)
```
#215ef7
```
#215ef7 rgb(33,94,247)
```
#346bf8
```
#346bf8 rgb(52,107,248)
```
#4779f8
```
#4779f8 rgb(71,121,248)
```
#5a87f9
```
#5a87f9 rgb(90,135,249)
```
#6d95fa
```
#6d95fa rgb(109,149,250)
```
#80a3fa
```
#80a3fa rgb(128,163,250)
```
#93b0fb
```
#93b0fb rgb(147,176,251)
```
#a6befc
```
#a6befc rgb(166,190,252)
```
#b9ccfc
```
#b9ccfc rgb(185,204,252)
```
#ccdafd
```
#ccdafd rgb(204,218,253)
```
#dee7fe
```
#dee7fe rgb(222,231,254)
```
#f1f5ff
```
#f1f5ff rgb(241,245,255)
```

Tint Color Variation

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

#a9a9aa
```
#a9a9aa rgb(169,169,170)
```
#a2a6b1
```
#a2a6b1 rgb(162,166,177)
```
#9ca4b7
```
#9ca4b7 rgb(156,164,183)
```
#95a1be
```
#95a1be rgb(149,161,190)
```
#8f9ec4
```
#8f9ec4 rgb(143,158,196)
```
#889bcb
```
#889bcb rgb(136,155,203)
```
#8198d2
```
#8198d2 rgb(129,152,210)
```
#7b95d8
```
#7b95d8 rgb(123,149,216)
```
#7492df
```
#7492df rgb(116,146,223)
```
#6e90e5
```
#6e90e5 rgb(110,144,229)
```
#678dec
```
#678dec rgb(103,141,236)
```
#618af2
```
#618af2 rgb(97,138,242)
```
#5a87f9
```
#5a87f9 rgb(90,135,249)
```

Tone Color Variation

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

#878787 Achromatopsia 0.005% of the population
#7e879e Atypical Achromatopsia 0.001% of the population

Dichromacy

#578efa Protanopia 1% of men
#2394f6 Deuteranopia 1% of men
#19a0ab Tritanopia 0.001% of the population

Trichromacy

#588bfa Protanomaly 1% of men, 0.01% of women
#378ff7 Deuteranomaly 6% of men, 0.4% of women
#3197c7 Tritanomaly 0.01% of the population

#5a87f9 hex color

#5a87f9 Color Information

#5a87f9 Color Conversion

Color Schemes with #5a87f9

Alternatives to #5a87f9

#5a87f9 Preview

Shades and Tints of #5a87f9

Tones of #5a87f9

Color Blindness Simulator