#5a9afc hex color

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

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

● #5a9afc color description : Soft blue.

The hexadecimal color #5a9afc has RGB values of R:90, G:154, B:252 and CMYK values of C:0.64, M:0.39, Y:0, K:0.01. Its decimal value is 5937916.

Hex triplet	5a9afc	`#5a9afc`
RGB Decimal	90, 154, 252	`rgb(90,154,252)`
RGB Percent	35.3, 60.4, 98.8	`rgb(35.3%,60.4%,98.8%)`
CMYK	64, 39, 0, 1
HSL	216.3°, 96.4, 67.1	`hsl(216.3,96.4%,67.1%)`
HSV (or HSB)	216.3°, 64.3, 98.8
Web Safe	6699ff	`#6699ff`

CIE-LAB	63.599, 9.521, -54.918
XYZ	33.339, 32.311, 96.57
xyY	0.206, 0.199, 32.311
CIE-LCH	63.599, 55.737, 279.835
CIE-LUV	63.599, -27.067, -89.549
Hunter-Lab	56.843, 5.217, -60.938
Binary	01011010, 10011010, 11111100

#5a9afc
```
#5a9afc rgb(90,154,252)
```
#fcbc5a
```
#fcbc5a rgb(252,188,90)
```

Complementary Color

#5aebfc
```
#5aebfc rgb(90,235,252)
```
#5a9afc
```
#5a9afc rgb(90,154,252)
```
#6b5afc
```
#6b5afc rgb(107,90,252)
```

Analogous Color

#ebfc5a
```
#ebfc5a rgb(235,252,90)
```
#5a9afc
```
#5a9afc rgb(90,154,252)
```
#fc6b5a
```
#fc6b5a rgb(252,107,90)
```

Split Complementary Color

#9afc5a
```
#9afc5a rgb(154,252,90)
```
#5a9afc
```
#5a9afc rgb(90,154,252)
```
#fc5a9a
```
#fc5a9a rgb(252,90,154)
```

Triadic Color

#5afcbc
```
#5afcbc rgb(90,252,188)
```
#5a9afc
```
#5a9afc rgb(90,154,252)
```
#fc5a9a
```
#fc5a9a rgb(252,90,154)
```
#fcbc5a
```
#fcbc5a rgb(252,188,90)
```

Tetradic Color

#0f6cfb
```
#0f6cfb rgb(15,108,251)
```
#287bfb
```
#287bfb rgb(40,123,251)
```
#418bfc
```
#418bfc rgb(65,139,252)
```
#5a9afc
```
#5a9afc rgb(90,154,252)
```
#73a9fc
```
#73a9fc rgb(115,169,252)
```
#8cb9fd
```
#8cb9fd rgb(140,185,253)
```
#a5c8fd
```
#a5c8fd rgb(165,200,253)
```

Monochromatic Color

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

#5ac3fc
```
#5ac3fc rgb(90,195,252)
```
#5ab5fc
```
#5ab5fc rgb(90,181,252)
```
#5aa8fc
```
#5aa8fc rgb(90,168,252)
```
#5a9afc
```
#5a9afc rgb(90,154,252)
```
#5a8dfc
```
#5a8dfc rgb(90,141,252)
```
#5a7ffc
```
#5a7ffc rgb(90,127,252)
```
#5a72fc
```
#5a72fc rgb(90,114,252)
```

Similar Colors

Text with hexadecimal color #5a9afc

This text has a font color of #5a9afc.

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

#5a9afc background color

This paragraph has a background color of #5a9afc.

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

#5a9afc border color

This element has a border color of #5a9afc.

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

CSS codes

.text {color:#5a9afc;}

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

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

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 #f4f8ff is the lightest one.

#000308
```
#000308 rgb(0,3,8)
```
#010b1c
```
#010b1c rgb(1,11,28)
```
#01132f
```
#01132f rgb(1,19,47)
```
#011b42
```
#011b42 rgb(1,27,66)
```
#022355
```
#022355 rgb(2,35,85)
```
#022b69
```
#022b69 rgb(2,43,105)
```
#02327c
```
#02327c rgb(2,50,124)
```
#033a8f
```
#033a8f rgb(3,58,143)
```
#0342a3
```
#0342a3 rgb(3,66,163)
```
#034ab6
```
#034ab6 rgb(3,74,182)
```
#0452c9
```
#0452c9 rgb(4,82,201)
```
#0459dc
```
#0459dc rgb(4,89,220)
```
#0461f0
```
#0461f0 rgb(4,97,240)
```

Shade Color Variation

#0d6bfb
```
#0d6bfb rgb(13,107,251)
```
#2077fb
```
#2077fb rgb(32,119,251)
```
#3382fb
```
#3382fb rgb(51,130,251)
```
#478efc
```
#478efc rgb(71,142,252)
```
#5a9afc
```
#5a9afc rgb(90,154,252)
```
#6da6fc
```
#6da6fc rgb(109,166,252)
```
#81b2fd
```
#81b2fd rgb(129,178,253)
```
#94bdfd
```
#94bdfd rgb(148,189,253)
```
#a7c9fd
```
#a7c9fd rgb(167,201,253)
```
#bad5fe
```
#bad5fe rgb(186,213,254)
```
#cee1fe
```
#cee1fe rgb(206,225,254)
```
#e1edfe
```
#e1edfe rgb(225,237,254)
```
#f4f8ff
```
#f4f8ff rgb(244,248,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 #5a9afc is the most saturated one.

#a8aaae
```
#a8aaae rgb(168,170,174)
```
#a1a9b5
```
#a1a9b5 rgb(161,169,181)
```
#9ba8bb
```
#9ba8bb rgb(155,168,187)
```
#94a6c2
```
#94a6c2 rgb(148,166,194)
```
#8ea5c8
```
#8ea5c8 rgb(142,165,200)
```
#87a3cf
```
#87a3cf rgb(135,163,207)
```
#81a2d5
```
#81a2d5 rgb(129,162,213)
```
#7aa1dc
```
#7aa1dc rgb(122,161,220)
```
#749fe2
```
#749fe2 rgb(116,159,226)
```
#6d9ee9
```
#6d9ee9 rgb(109,158,233)
```
#679def
```
#679def rgb(103,157,239)
```
#609bf6
```
#609bf6 rgb(96,155,246)
```
#5a9afc
```
#5a9afc rgb(90,154,252)
```

Tone Color Variation

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

#929292 Achromatopsia 0.005% of the population
#8794a7 Atypical Achromatopsia 0.001% of the population

Dichromacy

#769cf9 Protanopia 1% of men
#5ca0fb Deuteranopia 1% of men
#2baeba Tritanopia 0.001% of the population

Trichromacy

#6c9bfa Protanomaly 1% of men, 0.01% of women
#5b9dfb Deuteranomaly 6% of men, 0.4% of women
#3ca6d2 Tritanomaly 0.01% of the population

#5a9afc hex color

#5a9afc Color Information

#5a9afc Color Conversion

Color Schemes with #5a9afc

Alternatives to #5a9afc

#5a9afc Preview

Shades and Tints of #5a9afc

Tones of #5a9afc

Color Blindness Simulator