#5a57fa hex color

In a RGB color space, hex #5a57fa is composed of 35.3% red, 34.1% green and 98% blue. Whereas in a CMYK color space, it is composed of 64% cyan, 65.2% magenta, 0% yellow and 2% black. It has a hue angle of 241.1 degrees, a saturation of 94.2% and a lightness of 66.1%. #5a57fa color hex could be obtained by blending #b4aeff with #0000f5. Closest websafe color is: #6666ff.

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

● #5a57fa color description : Soft blue.

The hexadecimal color #5a57fa has RGB values of R:90, G:87, B:250 and CMYK values of C:0.64, M:0.65, Y:0, K:0.02. Its decimal value is 5920762.

Hex triplet	5a57fa	`#5a57fa`
RGB Decimal	90, 87, 250	`rgb(90,87,250)`
RGB Percent	35.3, 34.1, 98	`rgb(35.3%,34.1%,98%)`
CMYK	64, 65, 0, 2
HSL	241.1°, 94.2, 66.1	`hsl(241.1,94.2%,66.1%)`
HSV (or HSB)	241.1°, 65.2, 98
Web Safe	6666ff	`#6666ff`

CIE-LAB	46.831, 49.007, -80.88
XYZ	24.877, 15.891, 92.194
xyY	0.187, 0.12, 15.891
CIE-LCH	46.831, 94.569, 301.213
CIE-LUV	46.831, -8.224, -123.83
Hunter-Lab	39.863, 41.631, -109.217
Binary	01011010, 01010111, 11111010

#5a57fa
```
#5a57fa rgb(90,87,250)
```
#f7fa57
```
#f7fa57 rgb(247,250,87)
```

Complementary Color

#57a6fa
```
#57a6fa rgb(87,166,250)
```
#5a57fa
```
#5a57fa rgb(90,87,250)
```
#ac57fa
```
#ac57fa rgb(172,87,250)
```

Analogous Color

#a6fa57
```
#a6fa57 rgb(166,250,87)
```
#5a57fa
```
#5a57fa rgb(90,87,250)
```
#faac57
```
#faac57 rgb(250,172,87)
```

Split Complementary Color

#57fa5a
```
#57fa5a rgb(87,250,90)
```
#5a57fa
```
#5a57fa rgb(90,87,250)
```
#fa5a57
```
#fa5a57 rgb(250,90,87)
```

Triadic Color

#57f7fa
```
#57f7fa rgb(87,247,250)
```
#5a57fa
```
#5a57fa rgb(90,87,250)
```
#fa5a57
```
#fa5a57 rgb(250,90,87)
```
#f7fa57
```
#f7fa57 rgb(247,250,87)
```

Tetradic Color

#110df8
```
#110df8 rgb(17,13,248)
```
#2925f9
```
#2925f9 rgb(41,37,249)
```
#423ef9
```
#423ef9 rgb(66,62,249)
```
#5a57fa
```
#5a57fa rgb(90,87,250)
```
#7270fb
```
#7270fb rgb(114,112,251)
```
#8b89fb
```
#8b89fb rgb(139,137,251)
```
#a3a1fc
```
#a3a1fc rgb(163,161,252)
```

Monochromatic Color

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

#577dfa
```
#577dfa rgb(87,125,250)
```
#576ffa
```
#576ffa rgb(87,111,250)
```
#5762fa
```
#5762fa rgb(87,98,250)
```
#5a57fa
```
#5a57fa rgb(90,87,250)
```
#6857fa
```
#6857fa rgb(104,87,250)
```
#7557fa
```
#7557fa rgb(117,87,250)
```
#8357fa
```
#8357fa rgb(131,87,250)
```

Similar Colors

Text with hexadecimal color #5a57fa

This text has a font color of #5a57fa.

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

#5a57fa background color

This paragraph has a background color of #5a57fa.

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

#5a57fa border color

This element has a border color of #5a57fa.

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

CSS codes

.text {color:#5a57fa;}

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

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

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

#000003
```
#000003 rgb(0,0,3)
```
#010116
```
#010116 rgb(1,1,22)
```
#02012a
```
#02012a rgb(2,1,42)
```
#03023d
```
#03023d rgb(3,2,61)
```
#040250
```
#040250 rgb(4,2,80)
```
#050363
```
#050363 rgb(5,3,99)
```
#060476
```
#060476 rgb(6,4,118)
```
#070489
```
#070489 rgb(7,4,137)
```
#07059c
```
#07059c rgb(7,5,156)
```
#0805af
```
#0805af rgb(8,5,175)
```
#0906c2
```
#0906c2 rgb(9,6,194)
```
#0a06d5
```
#0a06d5 rgb(10,6,213)
```
#0b07e8
```
#0b07e8 rgb(11,7,232)
```

Shade Color Variation

#0f0bf8
```
#0f0bf8 rgb(15,11,248)
```
#221ef8
```
#221ef8 rgb(34,30,248)
```
#3531f9
```
#3531f9 rgb(53,49,249)
```
#4744f9
```
#4744f9 rgb(71,68,249)
```
#5a57fa
```
#5a57fa rgb(90,87,250)
```
#6d6afb
```
#6d6afb rgb(109,106,251)
```
#7f7dfb
```
#7f7dfb rgb(127,125,251)
```
#9290fc
```
#9290fc rgb(146,144,252)
```
#a5a3fc
```
#a5a3fc rgb(165,163,252)
```
#b8b6fd
```
#b8b6fd rgb(184,182,253)
```
#cac9fd
```
#cac9fd rgb(202,201,253)
```
#dddcfe
```
#dddcfe rgb(221,220,254)
```
#f0efff
```
#f0efff rgb(240,239,255)
```

Tint Color Variation

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

#a7a7aa
```
#a7a7aa rgb(167,167,170)
```
#a0a0b1
```
#a0a0b1 rgb(160,160,177)
```
#9a9ab7
```
#9a9ab7 rgb(154,154,183)
```
#9493be
```
#9493be rgb(148,147,190)
```
#8d8cc5
```
#8d8cc5 rgb(141,140,197)
```
#8786cb
```
#8786cb rgb(135,134,203)
```
#807fd2
```
#807fd2 rgb(128,127,210)
```
#7a78d9
```
#7a78d9 rgb(122,120,217)
```
#7472df
```
#7472df rgb(116,114,223)
```
#6d6be6
```
#6d6be6 rgb(109,107,230)
```
#6764ed
```
#6764ed rgb(103,100,237)
```
#605ef3
```
#605ef3 rgb(96,94,243)
```
#5a57fa
```
#5a57fa rgb(90,87,250)
```

Tone Color Variation

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

#6a6a6a Achromatopsia 0.005% of the population
#676687 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0073e0 Protanopia 1% of men
#0079c3 Deuteranopia 1% of men
#00828a Tritanopia 0.001% of the population

Trichromacy

#2068e9 Protanomaly 1% of men, 0.01% of women
#206cd7 Deuteranomaly 6% of men, 0.4% of women
#2072b3 Tritanomaly 0.01% of the population

#5a57fa hex color

#5a57fa Color Information

#5a57fa Color Conversion

Color Schemes with #5a57fa

Alternatives to #5a57fa

#5a57fa Preview

Shades and Tints of #5a57fa

Tones of #5a57fa

Color Blindness Simulator