#5a7bfb hex color

In a RGB color space, hex #5a7bfb is composed of 35.3% red, 48.2% green and 98.4% blue. Whereas in a CMYK color space, it is composed of 64.1% cyan, 51% magenta, 0% yellow and 1.6% black. It has a hue angle of 227.7 degrees, a saturation of 95.3% and a lightness of 66.9%. #5a7bfb color hex could be obtained by blending #b4f6ff with #0000f7. Closest websafe color is: #6666ff.

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

● #5a7bfb color description : Soft blue.

The hexadecimal color #5a7bfb has RGB values of R:90, G:123, B:251 and CMYK values of C:0.64, M:0.51, Y:0, K:0.02. Its decimal value is 5929979.

Hex triplet	5a7bfb	`#5a7bfb`
RGB Decimal	90, 123, 251	`rgb(90,123,251)`
RGB Percent	35.3, 48.2, 98.4	`rgb(35.3%,48.2%,98.4%)`
CMYK	64, 51, 0, 2
HSL	227.7°, 95.3, 66.9	`hsl(227.7,95.3%,66.9%)`
HSV (or HSB)	227.7°, 64.1, 98.4
Web Safe	6666ff	`#6666ff`

CIE-LAB	55.383, 27.789, -67.53
XYZ	28.708, 23.303, 94.247
xyY	0.196, 0.159, 23.303
CIE-LCH	55.383, 73.024, 292.368
CIE-LUV	55.383, -17.359, -108.75
Hunter-Lab	48.273, 21.677, -81.964
Binary	01011010, 01111011, 11111011

#5a7bfb
```
#5a7bfb rgb(90,123,251)
```
#fbda5a
```
#fbda5a rgb(251,218,90)
```

Complementary Color

#5accfb
```
#5accfb rgb(90,204,251)
```
#5a7bfb
```
#5a7bfb rgb(90,123,251)
```
#8a5afb
```
#8a5afb rgb(138,90,251)
```

Analogous Color

#ccfb5a
```
#ccfb5a rgb(204,251,90)
```
#5a7bfb
```
#5a7bfb rgb(90,123,251)
```
#fb8a5a
```
#fb8a5a rgb(251,138,90)
```

Split Complementary Color

#7bfb5a
```
#7bfb5a rgb(123,251,90)
```
#5a7bfb
```
#5a7bfb rgb(90,123,251)
```
#fb5a7b
```
#fb5a7b rgb(251,90,123)
```

Triadic Color

#5afbda
```
#5afbda rgb(90,251,218)
```
#5a7bfb
```
#5a7bfb rgb(90,123,251)
```
#fb5a7b
```
#fb5a7b rgb(251,90,123)
```
#fbda5a
```
#fbda5a rgb(251,218,90)
```

Tetradic Color

#0f3ff9
```
#0f3ff9 rgb(15,63,249)
```
#2853fa
```
#2853fa rgb(40,83,250)
```
#4167fa
```
#4167fa rgb(65,103,250)
```
#5a7bfb
```
#5a7bfb rgb(90,123,251)
```
#738ffc
```
#738ffc rgb(115,143,252)
```
#8ca3fc
```
#8ca3fc rgb(140,163,252)
```
#a5b7fd
```
#a5b7fd rgb(165,183,253)
```

Monochromatic Color

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

#5aa3fb
```
#5aa3fb rgb(90,163,251)
```
#5a96fb
```
#5a96fb rgb(90,150,251)
```
#5a88fb
```
#5a88fb rgb(90,136,251)
```
#5a7bfb
```
#5a7bfb rgb(90,123,251)
```
#5a6efb
```
#5a6efb rgb(90,110,251)
```
#5a60fb
```
#5a60fb rgb(90,96,251)
```
#615afb
```
#615afb rgb(97,90,251)
```

Similar Colors

Text with hexadecimal color #5a7bfb

This text has a font color of #5a7bfb.

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

#5a7bfb background color

This paragraph has a background color of #5a7bfb.

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

#5a7bfb border color

This element has a border color of #5a7bfb.

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

CSS codes

.text {color:#5a7bfb;}

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

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

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

#000207
```
#000207 rgb(0,2,7)
```
#01061b
```
#01061b rgb(1,6,27)
```
#010a2e
```
#010a2e rgb(1,10,46)
```
#020f41
```
#020f41 rgb(2,15,65)
```
#021354
```
#021354 rgb(2,19,84)
```
#021767
```
#021767 rgb(2,23,103)
```
#031b7a
```
#031b7a rgb(3,27,122)
```
#03208d
```
#03208d rgb(3,32,141)
```
#0424a1
```
#0424a1 rgb(4,36,161)
```
#0428b4
```
#0428b4 rgb(4,40,180)
```
#052dc7
```
#052dc7 rgb(5,45,199)
```
#0531da
```
#0531da rgb(5,49,218)
```
#0635ed
```
#0635ed rgb(6,53,237)
```

Shade Color Variation

#0d3ef9
```
#0d3ef9 rgb(13,62,249)
```
#214dfa
```
#214dfa rgb(33,77,250)
```
#345cfa
```
#345cfa rgb(52,92,250)
```
#476cfb
```
#476cfb rgb(71,108,251)
```
#5a7bfb
```
#5a7bfb rgb(90,123,251)
```
#6d8afb
```
#6d8afb rgb(109,138,251)
```
#809afc
```
#809afc rgb(128,154,252)
```
#93a9fc
```
#93a9fc rgb(147,169,252)
```
#a7b8fd
```
#a7b8fd rgb(167,184,253)
```
#bac8fd
```
#bac8fd rgb(186,200,253)
```
#cdd7fe
```
#cdd7fe rgb(205,215,254)
```
#e0e6fe
```
#e0e6fe rgb(224,230,254)
```
#f3f6ff
```
#f3f6ff rgb(243,246,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 #5a7bfb is the most saturated one.

#a8a9ad
```
#a8a9ad rgb(168,169,173)
```
#a2a5b4
```
#a2a5b4 rgb(162,165,180)
```
#9ba1ba
```
#9ba1ba rgb(155,161,186)
```
#959ec1
```
#959ec1 rgb(149,158,193)
```
#8e9ac7
```
#8e9ac7 rgb(142,154,199)
```
#8896ce
```
#8896ce rgb(136,150,206)
```
#8192d4
```
#8192d4 rgb(129,146,212)
```
#7b8edb
```
#7b8edb rgb(123,142,219)
```
#748ae1
```
#748ae1 rgb(116,138,225)
```
#6e87e8
```
#6e87e8 rgb(110,135,232)
```
#6783ee
```
#6783ee rgb(103,131,238)
```
#607ff5
```
#607ff5 rgb(96,127,245)
```
#5a7bfb
```
#5a7bfb rgb(90,123,251)
```

Tone Color Variation

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

#808080 Achromatopsia 0.005% of the population
#787f99 Atypical Achromatopsia 0.001% of the population

Dichromacy

#3786ff Protanopia 1% of men
#008de9 Deuteranopia 1% of men
#0098a3 Tritanopia 0.001% of the population

Trichromacy

#4482fd Protanomaly 1% of men, 0.01% of women
#2086f0 Deuteranomaly 6% of men, 0.4% of women
#208dc3 Tritanomaly 0.01% of the population

#5a7bfb hex color

#5a7bfb Color Information

#5a7bfb Color Conversion

Color Schemes with #5a7bfb

Alternatives to #5a7bfb

#5a7bfb Preview

Shades and Tints of #5a7bfb

Tones of #5a7bfb

Color Blindness Simulator