#5a9afb hex color

In a RGB color space, hex #5a9afb is composed of 35.3% red, 60.4% green and 98.4% blue. Whereas in a CMYK color space, it is composed of 64.1% cyan, 38.6% magenta, 0% yellow and 1.6% black. It has a hue angle of 216.1 degrees, a saturation of 95.3% and a lightness of 66.9%. #5a9afb color hex could be obtained by blending #b4ffff with #0035f7. Closest websafe color is: #6699ff.

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

● #5a9afb color description : Soft blue.

The hexadecimal color #5a9afb has RGB values of R:90, G:154, B:251 and CMYK values of C:0.64, M:0.39, Y:0, K:0.02. Its decimal value is 5937915.

Hex triplet	5a9afb	`#5a9afb`
RGB Decimal	90, 154, 251	`rgb(90,154,251)`
RGB Percent	35.3, 60.4, 98.4	`rgb(35.3%,60.4%,98.4%)`
CMYK	64, 39, 0, 2
HSL	216.1°, 95.3, 66.9	`hsl(216.1,95.3%,66.9%)`
HSV (or HSB)	216.1°, 64.1, 98.4
Web Safe	6699ff	`#6699ff`

CIE-LAB	63.547, 9.187, -54.453
XYZ	33.181, 32.248, 95.737
xyY	0.206, 0.2, 32.248
CIE-LCH	63.547, 55.223, 279.576
CIE-LUV	63.547, -27.083, -88.727
Hunter-Lab	56.787, 4.92, -60.206
Binary	01011010, 10011010, 11111011

#5a9afb
```
#5a9afb rgb(90,154,251)
```
#fbbb5a
```
#fbbb5a rgb(251,187,90)
```

Complementary Color

#5aebfb
```
#5aebfb rgb(90,235,251)
```
#5a9afb
```
#5a9afb rgb(90,154,251)
```
#6b5afb
```
#6b5afb rgb(107,90,251)
```

Analogous Color

#ebfb5a
```
#ebfb5a rgb(235,251,90)
```
#5a9afb
```
#5a9afb rgb(90,154,251)
```
#fb6b5a
```
#fb6b5a rgb(251,107,90)
```

Split Complementary Color

#9afb5a
```
#9afb5a rgb(154,251,90)
```
#5a9afb
```
#5a9afb rgb(90,154,251)
```
#fb5a9a
```
#fb5a9a rgb(251,90,154)
```

Triadic Color

#5afbbb
```
#5afbbb rgb(90,251,187)
```
#5a9afb
```
#5a9afb rgb(90,154,251)
```
#fb5a9a
```
#fb5a9a rgb(251,90,154)
```
#fbbb5a
```
#fbbb5a rgb(251,187,90)
```

Tetradic Color

#0f6cf9
```
#0f6cf9 rgb(15,108,249)
```
#287cfa
```
#287cfa rgb(40,124,250)
```
#418bfa
```
#418bfa rgb(65,139,250)
```
#5a9afb
```
#5a9afb rgb(90,154,251)
```
#73a9fc
```
#73a9fc rgb(115,169,252)
```
#8cb8fc
```
#8cb8fc rgb(140,184,252)
```
#a5c8fd
```
#a5c8fd rgb(165,200,253)
```

Monochromatic Color

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

#5ac2fb
```
#5ac2fb rgb(90,194,251)
```
#5ab5fb
```
#5ab5fb rgb(90,181,251)
```
#5aa7fb
```
#5aa7fb rgb(90,167,251)
```
#5a9afb
```
#5a9afb rgb(90,154,251)
```
#5a8dfb
```
#5a8dfb rgb(90,141,251)
```
#5a7ffb
```
#5a7ffb rgb(90,127,251)
```
#5a72fb
```
#5a72fb rgb(90,114,251)
```

Similar Colors

Text with hexadecimal color #5a9afb

This text has a font color of #5a9afb.

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

#5a9afb background color

This paragraph has a background color of #5a9afb.

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

#5a9afb border color

This element has a border color of #5a9afb.

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

CSS codes

.text {color:#5a9afb;}

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

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

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

#000307
```
#000307 rgb(0,3,7)
```
#010b1b
```
#010b1b rgb(1,11,27)
```
#01132e
```
#01132e rgb(1,19,46)
```
#021b41
```
#021b41 rgb(2,27,65)
```
#022354
```
#022354 rgb(2,35,84)
```
#022a67
```
#022a67 rgb(2,42,103)
```
#03327a
```
#03327a rgb(3,50,122)
```
#033a8d
```
#033a8d rgb(3,58,141)
```
#0442a1
```
#0442a1 rgb(4,66,161)
```
#044ab4
```
#044ab4 rgb(4,74,180)
```
#0552c7
```
#0552c7 rgb(5,82,199)
```
#055ada
```
#055ada rgb(5,90,218)
```
#0662ed
```
#0662ed rgb(6,98,237)
```

Shade Color Variation

#0d6bf9
```
#0d6bf9 rgb(13,107,249)
```
#2177fa
```
#2177fa rgb(33,119,250)
```
#3483fa
```
#3483fa rgb(52,131,250)
```
#478efb
```
#478efb rgb(71,142,251)
```
#5a9afb
```
#5a9afb rgb(90,154,251)
```
#6da6fb
```
#6da6fb rgb(109,166,251)
```
#80b1fc
```
#80b1fc rgb(128,177,252)
```
#93bdfc
```
#93bdfc rgb(147,189,252)
```
#a7c9fd
```
#a7c9fd rgb(167,201,253)
```
#bad5fd
```
#bad5fd rgb(186,213,253)
```
#cde0fe
```
#cde0fe rgb(205,224,254)
```
#e0ecfe
```
#e0ecfe rgb(224,236,254)
```
#f3f8ff
```
#f3f8ff rgb(243,248,255)
```

Tint Color Variation

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

#a8aaad
```
#a8aaad rgb(168,170,173)
```
#a2a9b4
```
#a2a9b4 rgb(162,169,180)
```
#9ba7ba
```
#9ba7ba rgb(155,167,186)
```
#95a6c1
```
#95a6c1 rgb(149,166,193)
```
#8ea5c7
```
#8ea5c7 rgb(142,165,199)
```
#88a3ce
```
#88a3ce rgb(136,163,206)
```
#81a2d4
```
#81a2d4 rgb(129,162,212)
```
#7ba1db
```
#7ba1db rgb(123,161,219)
```
#749fe1
```
#749fe1 rgb(116,159,225)
```
#6e9ee8
```
#6e9ee8 rgb(110,158,232)
```
#679dee
```
#679dee rgb(103,157,238)
```
#609bf5
```
#609bf5 rgb(96,155,245)
```
#5a9afb
```
#5a9afb rgb(90,154,251)
```

Tone Color Variation

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

#769cf8 Protanopia 1% of men
#5da0fa Deuteranopia 1% of men
#2dadba Tritanopia 0.001% of the population

Trichromacy

#6c9bf9 Protanomaly 1% of men, 0.01% of women
#5c9dfa Deuteranomaly 6% of men, 0.4% of women
#3da6d1 Tritanomaly 0.01% of the population

#5a9afb hex color

#5a9afb Color Information

#5a9afb Color Conversion

Color Schemes with #5a9afb

Alternatives to #5a9afb

#5a9afb Preview

Shades and Tints of #5a9afb

Tones of #5a9afb

Color Blindness Simulator