#5a8afb hex color

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

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

● #5a8afb color description : Soft blue.

The hexadecimal color #5a8afb has RGB values of R:90, G:138, B:251 and CMYK values of C:0.64, M:0.45, Y:0, K:0.02. Its decimal value is 5933819.

Hex triplet	5a8afb	`#5a8afb`
RGB Decimal	90, 138, 251	`rgb(90,138,251)`
RGB Percent	35.3, 54.1, 98.4	`rgb(35.3%,54.1%,98.4%)`
CMYK	64, 45, 0, 2
HSL	222.1°, 95.3, 66.9	`hsl(222.1,95.3%,66.9%)`
HSV (or HSB)	222.1°, 64.1, 98.4
Web Safe	6699ff	`#6699ff`

CIE-LAB	59.264, 18.699, -61.289
XYZ	30.714, 27.314, 94.915
xyY	0.201, 0.179, 27.314
CIE-LCH	59.264, 64.078, 286.967
CIE-LUV	59.264, -21.898, -99.652
Hunter-Lab	52.263, 13.442, -71.094
Binary	01011010, 10001010, 11111011

#5a8afb
```
#5a8afb rgb(90,138,251)
```
#fbcb5a
```
#fbcb5a rgb(251,203,90)
```

Complementary Color

#5adbfb
```
#5adbfb rgb(90,219,251)
```
#5a8afb
```
#5a8afb rgb(90,138,251)
```
#7b5afb
```
#7b5afb rgb(123,90,251)
```

Analogous Color

#dbfb5a
```
#dbfb5a rgb(219,251,90)
```
#5a8afb
```
#5a8afb rgb(90,138,251)
```
#fb7b5a
```
#fb7b5a rgb(251,123,90)
```

Split Complementary Color

#8afb5a
```
#8afb5a rgb(138,251,90)
```
#5a8afb
```
#5a8afb rgb(90,138,251)
```
#fb5a8a
```
#fb5a8a rgb(251,90,138)
```

Triadic Color

#5afbcb
```
#5afbcb rgb(90,251,203)
```
#5a8afb
```
#5a8afb rgb(90,138,251)
```
#fb5a8a
```
#fb5a8a rgb(251,90,138)
```
#fbcb5a
```
#fbcb5a rgb(251,203,90)
```

Tetradic Color

#0f55f9
```
#0f55f9 rgb(15,85,249)
```
#2867fa
```
#2867fa rgb(40,103,250)
```
#4178fa
```
#4178fa rgb(65,120,250)
```
#5a8afb
```
#5a8afb rgb(90,138,251)
```
#739cfc
```
#739cfc rgb(115,156,252)
```
#8cadfc
```
#8cadfc rgb(140,173,252)
```
#a5bffd
```
#a5bffd rgb(165,191,253)
```

Monochromatic Color

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

#5ab2fb
```
#5ab2fb rgb(90,178,251)
```
#5aa5fb
```
#5aa5fb rgb(90,165,251)
```
#5a97fb
```
#5a97fb rgb(90,151,251)
```
#5a8afb
```
#5a8afb rgb(90,138,251)
```
#5a7dfb
```
#5a7dfb rgb(90,125,251)
```
#5a6ffb
```
#5a6ffb rgb(90,111,251)
```
#5a62fb
```
#5a62fb rgb(90,98,251)
```

Similar Colors

Text with hexadecimal color #5a8afb

This text has a font color of #5a8afb.

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

#5a8afb background color

This paragraph has a background color of #5a8afb.

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

#5a8afb border color

This element has a border color of #5a8afb.

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

CSS codes

.text {color:#5a8afb;}

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

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

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

#000207
```
#000207 rgb(0,2,7)
```
#01081b
```
#01081b rgb(1,8,27)
```
#010e2e
```
#010e2e rgb(1,14,46)
```
#021441
```
#021441 rgb(2,20,65)
```
#021a54
```
#021a54 rgb(2,26,84)
```
#022067
```
#022067 rgb(2,32,103)
```
#03277a
```
#03277a rgb(3,39,122)
```
#032d8d
```
#032d8d rgb(3,45,141)
```
#0433a1
```
#0433a1 rgb(4,51,161)
```
#0439b4
```
#0439b4 rgb(4,57,180)
```
#053fc7
```
#053fc7 rgb(5,63,199)
```
#0545da
```
#0545da rgb(5,69,218)
```
#064bed
```
#064bed rgb(6,75,237)
```

Shade Color Variation

#0d54f9
```
#0d54f9 rgb(13,84,249)
```
#2161fa
```
#2161fa rgb(33,97,250)
```
#346ffa
```
#346ffa rgb(52,111,250)
```
#477cfb
```
#477cfb rgb(71,124,251)
```
#5a8afb
```
#5a8afb rgb(90,138,251)
```
#6d98fb
```
#6d98fb rgb(109,152,251)
```
#80a5fc
```
#80a5fc rgb(128,165,252)
```
#93b3fc
```
#93b3fc rgb(147,179,252)
```
#a7c0fd
```
#a7c0fd rgb(167,192,253)
```
#bacefd
```
#bacefd rgb(186,206,253)
```
#cddbfe
```
#cddbfe rgb(205,219,254)
```
#e0e9fe
```
#e0e9fe rgb(224,233,254)
```
#f3f7ff
```
#f3f7ff rgb(243,247,255)
```

Tint Color Variation

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

#a8a9ad
```
#a8a9ad rgb(168,169,173)
```
#a2a7b4
```
#a2a7b4 rgb(162,167,180)
```
#9ba4ba
```
#9ba4ba rgb(155,164,186)
```
#95a2c1
```
#95a2c1 rgb(149,162,193)
```
#8e9fc7
```
#8e9fc7 rgb(142,159,199)
```
#889cce
```
#889cce rgb(136,156,206)
```
#819ad4
```
#819ad4 rgb(129,154,212)
```
#7b97db
```
#7b97db rgb(123,151,219)
```
#7494e1
```
#7494e1 rgb(116,148,225)
```
#6e92e8
```
#6e92e8 rgb(110,146,232)
```
#678fee
```
#678fee rgb(103,143,238)
```
#608df5
```
#608df5 rgb(96,141,245)
```
#5a8afb
```
#5a8afb rgb(90,138,251)
```

Tone Color Variation

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

#898989 Achromatopsia 0.005% of the population
#8089a0 Atypical Achromatopsia 0.001% of the population

Dichromacy

#5c91fb Protanopia 1% of men
#2d96f8 Deuteranopia 1% of men
#18a2ae Tritanopia 0.001% of the population

Trichromacy

#5b8efb Protanomaly 1% of men, 0.01% of women
#3d92f9 Deuteranomaly 6% of men, 0.4% of women
#3099ca Tritanomaly 0.01% of the population

#5a8afb hex color

#5a8afb Color Information

#5a8afb Color Conversion

Color Schemes with #5a8afb

Alternatives to #5a8afb

#5a8afb Preview

Shades and Tints of #5a8afb

Tones of #5a8afb

Color Blindness Simulator