#5a9dfc hex color

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

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

● #5a9dfc color description : Soft blue.

The hexadecimal color #5a9dfc has RGB values of R:90, G:157, B:252 and CMYK values of C:0.64, M:0.38, Y:0, K:0.01. Its decimal value is 5938684.

Hex triplet	5a9dfc	`#5a9dfc`
RGB Decimal	90, 157, 252	`rgb(90,157,252)`
RGB Percent	35.3, 61.6, 98.8	`rgb(35.3%,61.6%,98.8%)`
CMYK	64, 38, 0, 1
HSL	215.2°, 96.4, 67.1	`hsl(215.2,96.4%,67.1%)`
HSV (or HSB)	215.2°, 64.3, 98.8
Web Safe	6699ff	`#6699ff`

CIE-LAB	64.414, 7.767, -53.623
XYZ	33.84, 33.314, 96.737
xyY	0.206, 0.203, 33.314
CIE-LCH	64.414, 54.183, 278.241
CIE-LUV	64.414, -28.068, -87.394
Hunter-Lab	57.718, 3.648, -58.969
Binary	01011010, 10011101, 11111100

#5a9dfc
```
#5a9dfc rgb(90,157,252)
```
#fcb95a
```
#fcb95a rgb(252,185,90)
```

Complementary Color

#5aeefc
```
#5aeefc rgb(90,238,252)
```
#5a9dfc
```
#5a9dfc rgb(90,157,252)
```
#685afc
```
#685afc rgb(104,90,252)
```

Analogous Color

#eefc5a
```
#eefc5a rgb(238,252,90)
```
#5a9dfc
```
#5a9dfc rgb(90,157,252)
```
#fc685a
```
#fc685a rgb(252,104,90)
```

Split Complementary Color

#9dfc5a
```
#9dfc5a rgb(157,252,90)
```
#5a9dfc
```
#5a9dfc rgb(90,157,252)
```
#fc5a9d
```
#fc5a9d rgb(252,90,157)
```

Triadic Color

#5afcb9
```
#5afcb9 rgb(90,252,185)
```
#5a9dfc
```
#5a9dfc rgb(90,157,252)
```
#fc5a9d
```
#fc5a9d rgb(252,90,157)
```
#fcb95a
```
#fcb95a rgb(252,185,90)
```

Tetradic Color

#0f70fb
```
#0f70fb rgb(15,112,251)
```
#287ffb
```
#287ffb rgb(40,127,251)
```
#418efc
```
#418efc rgb(65,142,252)
```
#5a9dfc
```
#5a9dfc rgb(90,157,252)
```
#73acfc
```
#73acfc rgb(115,172,252)
```
#8cbbfd
```
#8cbbfd rgb(140,187,253)
```
#a5cafd
```
#a5cafd rgb(165,202,253)
```

Monochromatic Color

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

#5ac6fc
```
#5ac6fc rgb(90,198,252)
```
#5ab8fc
```
#5ab8fc rgb(90,184,252)
```
#5aabfc
```
#5aabfc rgb(90,171,252)
```
#5a9dfc
```
#5a9dfc rgb(90,157,252)
```
#5a90fc
```
#5a90fc rgb(90,144,252)
```
#5a82fc
```
#5a82fc rgb(90,130,252)
```
#5a75fc
```
#5a75fc rgb(90,117,252)
```

Similar Colors

Text with hexadecimal color #5a9dfc

This text has a font color of #5a9dfc.

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

#5a9dfc background color

This paragraph has a background color of #5a9dfc.

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

#5a9dfc border color

This element has a border color of #5a9dfc.

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

CSS codes

.text {color:#5a9dfc;}

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

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

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

#000408
```
#000408 rgb(0,4,8)
```
#010c1c
```
#010c1c rgb(1,12,28)
```
#01142f
```
#01142f rgb(1,20,47)
```
#011c42
```
#011c42 rgb(1,28,66)
```
#022455
```
#022455 rgb(2,36,85)
```
#022c69
```
#022c69 rgb(2,44,105)
```
#02357c
```
#02357c rgb(2,53,124)
```
#033d8f
```
#033d8f rgb(3,61,143)
```
#0345a3
```
#0345a3 rgb(3,69,163)
```
#034db6
```
#034db6 rgb(3,77,182)
```
#0455c9
```
#0455c9 rgb(4,85,201)
```
#045ddc
```
#045ddc rgb(4,93,220)
```
#0466f0
```
#0466f0 rgb(4,102,240)
```

Shade Color Variation

#0d6ffb
```
#0d6ffb rgb(13,111,251)
```
#207bfb
```
#207bfb rgb(32,123,251)
```
#3386fb
```
#3386fb rgb(51,134,251)
```
#4792fc
```
#4792fc rgb(71,146,252)
```
#5a9dfc
```
#5a9dfc rgb(90,157,252)
```
#6da8fc
```
#6da8fc rgb(109,168,252)
```
#81b4fd
```
#81b4fd rgb(129,180,253)
```
#94bffd
```
#94bffd rgb(148,191,253)
```
#a7cbfd
```
#a7cbfd rgb(167,203,253)
```
#bad6fe
```
#bad6fe rgb(186,214,254)
```
#cee2fe
```
#cee2fe rgb(206,226,254)
```
#e1edfe
```
#e1edfe rgb(225,237,254)
```
#f4f9ff
```
#f4f9ff rgb(244,249,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 #5a9dfc is the most saturated one.

#a8aaae
```
#a8aaae rgb(168,170,174)
```
#a1a9b5
```
#a1a9b5 rgb(161,169,181)
```
#9ba8bb
```
#9ba8bb rgb(155,168,187)
```
#94a7c2
```
#94a7c2 rgb(148,167,194)
```
#8ea6c8
```
#8ea6c8 rgb(142,166,200)
```
#87a5cf
```
#87a5cf rgb(135,165,207)
```
#81a4d5
```
#81a4d5 rgb(129,164,213)
```
#7aa3dc
```
#7aa3dc rgb(122,163,220)
```
#74a1e2
```
#74a1e2 rgb(116,161,226)
```
#6da0e9
```
#6da0e9 rgb(109,160,233)
```
#679fef
```
#679fef rgb(103,159,239)
```
#609ef6
```
#609ef6 rgb(96,158,246)
```
#5a9dfc
```
#5a9dfc rgb(90,157,252)
```

Tone Color Variation

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

#949494 Achromatopsia 0.005% of the population
#8896a9 Atypical Achromatopsia 0.001% of the population

Dichromacy

#7a9ef9 Protanopia 1% of men
#62a2fc Deuteranopia 1% of men
#2eb0bd Tritanopia 0.001% of the population

Trichromacy

#6e9dfa Protanomaly 1% of men, 0.01% of women
#5fa0fc Deuteranomaly 6% of men, 0.4% of women
#3ea9d3 Tritanomaly 0.01% of the population

#5a9dfc hex color

#5a9dfc Color Information

#5a9dfc Color Conversion

Color Schemes with #5a9dfc

Alternatives to #5a9dfc

#5a9dfc Preview

Shades and Tints of #5a9dfc

Tones of #5a9dfc

Color Blindness Simulator