#5a8dfc hex color

In a RGB color space, hex #5a8dfc is composed of 35.3% red, 55.3% green and 98.8% blue. Whereas in a CMYK color space, it is composed of 64.3% cyan, 44% magenta, 0% yellow and 1.2% black. It has a hue angle of 221.1 degrees, a saturation of 96.4% and a lightness of 67.1%. #5a8dfc color hex could be obtained by blending #b4ffff with #001bf9. Closest websafe color is: #6699ff.

♥
- f
- t
- g
- R 35
- G 55
- B 99
RGB color chart
- C 64
- M 44
- Y 0
- K 1
CMYK color chart

● #5a8dfc color description : Soft blue.

The hexadecimal color #5a8dfc has RGB values of R:90, G:141, B:252 and CMYK values of C:0.64, M:0.44, Y:0, K:0.01. Its decimal value is 5934588.

Hex triplet	5a8dfc	`#5a8dfc`
RGB Decimal	90, 141, 252	`rgb(90,141,252)`
RGB Percent	35.3, 55.3, 98.8	`rgb(35.3%,55.3%,98.8%)`
CMYK	64, 44, 0, 1
HSL	221.1°, 96.4, 67.1	`hsl(221.1,96.4%,67.1%)`
HSV (or HSB)	221.1°, 64.3, 98.8
Web Safe	6699ff	`#6699ff`

CIE-LAB	60.114, 17.234, -60.477
XYZ	31.308, 28.25, 95.893
xyY	0.201, 0.182, 28.25
CIE-LCH	60.114, 62.885, 285.906
CIE-LUV	60.114, -22.842, -98.484
Hunter-Lab	53.15, 12.132, -69.764
Binary	01011010, 10001101, 11111100

#5a8dfc
```
#5a8dfc rgb(90,141,252)
```
#fcc95a
```
#fcc95a rgb(252,201,90)
```

Complementary Color

#5adefc
```
#5adefc rgb(90,222,252)
```
#5a8dfc
```
#5a8dfc rgb(90,141,252)
```
#785afc
```
#785afc rgb(120,90,252)
```

Analogous Color

#defc5a
```
#defc5a rgb(222,252,90)
```
#5a8dfc
```
#5a8dfc rgb(90,141,252)
```
#fc785a
```
#fc785a rgb(252,120,90)
```

Split Complementary Color

#8dfc5a
```
#8dfc5a rgb(141,252,90)
```
#5a8dfc
```
#5a8dfc rgb(90,141,252)
```
#fc5a8d
```
#fc5a8d rgb(252,90,141)
```

Triadic Color

#5afcc9
```
#5afcc9 rgb(90,252,201)
```
#5a8dfc
```
#5a8dfc rgb(90,141,252)
```
#fc5a8d
```
#fc5a8d rgb(252,90,141)
```
#fcc95a
```
#fcc95a rgb(252,201,90)
```

Tetradic Color

#0f59fb
```
#0f59fb rgb(15,89,251)
```
#286afb
```
#286afb rgb(40,106,251)
```
#417cfc
```
#417cfc rgb(65,124,252)
```
#5a8dfc
```
#5a8dfc rgb(90,141,252)
```
#739efc
```
#739efc rgb(115,158,252)
```
#8cb0fd
```
#8cb0fd rgb(140,176,253)
```
#a5c1fd
```
#a5c1fd rgb(165,193,253)
```

Monochromatic Color

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

#5ab6fc
```
#5ab6fc rgb(90,182,252)
```
#5aa8fc
```
#5aa8fc rgb(90,168,252)
```
#5a9bfc
```
#5a9bfc rgb(90,155,252)
```
#5a8dfc
```
#5a8dfc rgb(90,141,252)
```
#5a80fc
```
#5a80fc rgb(90,128,252)
```
#5a72fc
```
#5a72fc rgb(90,114,252)
```
#5a65fc
```
#5a65fc rgb(90,101,252)
```

Similar Colors

Text with hexadecimal color #5a8dfc

This text has a font color of #5a8dfc.

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

#5a8dfc background color

This paragraph has a background color of #5a8dfc.

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

#5a8dfc border color

This element has a border color of #5a8dfc.

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

CSS codes

.text {color:#5a8dfc;}

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

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

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

#000308
```
#000308 rgb(0,3,8)
```
#01091c
```
#01091c rgb(1,9,28)
```
#010f2f
```
#010f2f rgb(1,15,47)
```
#011642
```
#011642 rgb(1,22,66)
```
#021c55
```
#021c55 rgb(2,28,85)
```
#022269
```
#022269 rgb(2,34,105)
```
#02297c
```
#02297c rgb(2,41,124)
```
#032f8f
```
#032f8f rgb(3,47,143)
```
#0335a3
```
#0335a3 rgb(3,53,163)
```
#033bb6
```
#033bb6 rgb(3,59,182)
```
#0442c9
```
#0442c9 rgb(4,66,201)
```
#0448dc
```
#0448dc rgb(4,72,220)
```
#044ef0
```
#044ef0 rgb(4,78,240)
```

Shade Color Variation

#0d58fb
```
#0d58fb rgb(13,88,251)
```
#2065fb
```
#2065fb rgb(32,101,251)
```
#3372fb
```
#3372fb rgb(51,114,251)
```
#4780fc
```
#4780fc rgb(71,128,252)
```
#5a8dfc
```
#5a8dfc rgb(90,141,252)
```
#6d9afc
```
#6d9afc rgb(109,154,252)
```
#81a8fd
```
#81a8fd rgb(129,168,253)
```
#94b5fd
```
#94b5fd rgb(148,181,253)
```
#a7c2fd
```
#a7c2fd rgb(167,194,253)
```
#bad0fe
```
#bad0fe rgb(186,208,254)
```
#ceddfe
```
#ceddfe rgb(206,221,254)
```
#e1eafe
```
#e1eafe rgb(225,234,254)
```
#f4f7ff
```
#f4f7ff rgb(244,247,255)
```

Tint Color Variation

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

#a8aaae
```
#a8aaae rgb(168,170,174)
```
#a1a7b5
```
#a1a7b5 rgb(161,167,181)
```
#9ba5bb
```
#9ba5bb rgb(155,165,187)
```
#94a3c2
```
#94a3c2 rgb(148,163,194)
```
#8ea0c8
```
#8ea0c8 rgb(142,160,200)
```
#879ecf
```
#879ecf rgb(135,158,207)
```
#819bd5
```
#819bd5 rgb(129,155,213)
```
#7a99dc
```
#7a99dc rgb(122,153,220)
```
#7497e2
```
#7497e2 rgb(116,151,226)
```
#6d94e9
```
#6d94e9 rgb(109,148,233)
```
#6792ef
```
#6792ef rgb(103,146,239)
```
#608ff6
```
#608ff6 rgb(96,143,246)
```
#5a8dfc
```
#5a8dfc rgb(90,141,252)
```

Tone Color Variation

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

#8a8a8a Achromatopsia 0.005% of the population
#808ba1 Atypical Achromatopsia 0.001% of the population

Dichromacy

#6093fc Protanopia 1% of men
#3798f9 Deuteranopia 1% of men
#1aa4b1 Tritanopia 0.001% of the population

Trichromacy

#5e90fc Protanomaly 1% of men, 0.01% of women
#4494fa Deuteranomaly 6% of men, 0.4% of women
#319ccc Tritanomaly 0.01% of the population

#5a8dfc hex color

#5a8dfc Color Information

#5a8dfc Color Conversion

Color Schemes with #5a8dfc

Alternatives to #5a8dfc

#5a8dfc Preview

Shades and Tints of #5a8dfc

Tones of #5a8dfc

Color Blindness Simulator