#5a57dc hex color

In a RGB color space, hex #5a57dc is composed of 35.3% red, 34.1% green and 86.3% blue. Whereas in a CMYK color space, it is composed of 59.1% cyan, 60.5% magenta, 0% yellow and 13.7% black. It has a hue angle of 241.4 degrees, a saturation of 65.5% and a lightness of 60.2%. #5a57dc color hex could be obtained by blending #b4aeff with #0000b9. Closest websafe color is: #6666cc.

♥
- f
- t
- g
- R 35
- G 34
- B 86
RGB color chart
- C 59
- M 60
- Y 0
- K 14
CMYK color chart

● #5a57dc color description : Soft blue.

The hexadecimal color #5a57dc has RGB values of R:90, G:87, B:220 and CMYK values of C:0.59, M:0.6, Y:0, K:0.14. Its decimal value is 5920732.

Hex triplet	5a57dc	`#5a57dc`
RGB Decimal	90, 87, 220	`rgb(90,87,220)`
RGB Percent	35.3, 34.1, 86.3	`rgb(35.3%,34.1%,86.3%)`
CMYK	59, 60, 0, 14
HSL	241.4°, 65.5, 60.2	`hsl(241.4,65.5%,60.2%)`
HSV (or HSB)	241.4°, 60.5, 86.3
Web Safe	6666cc	`#6666cc`

CIE-LAB	44.457, 39.461, -67.848
XYZ	20.54, 14.156, 69.356
xyY	0.197, 0.136, 14.156
CIE-LCH	44.457, 78.489, 300.183
CIE-LUV	44.457, -6.654, -103.681
Hunter-Lab	37.625, 31.603, -82.955
Binary	01011010, 01010111, 11011100

#5a57dc
```
#5a57dc rgb(90,87,220)
```
#d9dc57
```
#d9dc57 rgb(217,220,87)
```

Complementary Color

#5797dc
```
#5797dc rgb(87,151,220)
```
#5a57dc
```
#5a57dc rgb(90,87,220)
```
#9d57dc
```
#9d57dc rgb(157,87,220)
```

Analogous Color

#97dc57
```
#97dc57 rgb(151,220,87)
```
#5a57dc
```
#5a57dc rgb(90,87,220)
```
#dc9d57
```
#dc9d57 rgb(220,157,87)
```

Split Complementary Color

#57dc5a
```
#57dc5a rgb(87,220,90)
```
#5a57dc
```
#5a57dc rgb(90,87,220)
```
#dc5a57
```
#dc5a57 rgb(220,90,87)
```

Triadic Color

#57d9dc
```
#57d9dc rgb(87,217,220)
```
#5a57dc
```
#5a57dc rgb(90,87,220)
```
#dc5a57
```
#dc5a57 rgb(220,90,87)
```
#d9dc57
```
#d9dc57 rgb(217,220,87)
```

Tetradic Color

#2b28bf
```
#2b28bf rgb(43,40,191)
```
#312dd3
```
#312dd3 rgb(49,45,211)
```
#4542d8
```
#4542d8 rgb(69,66,216)
```
#5a57dc
```
#5a57dc rgb(90,87,220)
```
#6f6ce0
```
#6f6ce0 rgb(111,108,224)
```
#8381e5
```
#8381e5 rgb(131,129,229)
```
#9896e9
```
#9896e9 rgb(152,150,233)
```

Monochromatic Color

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

#5775dc
```
#5775dc rgb(87,117,220)
```
#576adc
```
#576adc rgb(87,106,220)
```
#575fdc
```
#575fdc rgb(87,95,220)
```
#5a57dc
```
#5a57dc rgb(90,87,220)
```
#6557dc
```
#6557dc rgb(101,87,220)
```
#7057dc
```
#7057dc rgb(112,87,220)
```
#7b57dc
```
#7b57dc rgb(123,87,220)
```

Similar Colors

Text with hexadecimal color #5a57dc

This text has a font color of #5a57dc.

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

#5a57dc background color

This paragraph has a background color of #5a57dc.

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

#5a57dc border color

This element has a border color of #5a57dc.

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

CSS codes

.text {color:#5a57dc;}

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

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

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, #02020b is the darkest color, while #f9f9fe is the lightest one.

#02020b
```
#02020b rgb(2,2,11)
```
#06061b
```
#06061b rgb(6,6,27)
```
#0a092b
```
#0a092b rgb(10,9,43)
```
#0d0c3b
```
#0d0c3b rgb(13,12,59)
```
#11104c
```
#11104c rgb(17,16,76)
```
#15135c
```
#15135c rgb(21,19,92)
```
#18166c
```
#18166c rgb(24,22,108)
```
#1c1a7c
```
#1c1a7c rgb(28,26,124)
```
#201d8c
```
#201d8c rgb(32,29,140)
```
#23219d
```
#23219d rgb(35,33,157)
```
#2724ad
```
#2724ad rgb(39,36,173)
```
#2b27bd
```
#2b27bd rgb(43,39,189)
```
#2e2bcd
```
#2e2bcd rgb(46,43,205)
```

Shade Color Variation

#3a37d5
```
#3a37d5 rgb(58,55,213)
```
#4a47d9
```
#4a47d9 rgb(74,71,217)
```
#5a57dc
```
#5a57dc rgb(90,87,220)
```
#6a67df
```
#6a67df rgb(106,103,223)
```
#7a77e3
```
#7a77e3 rgb(122,119,227)
```
#8a88e6
```
#8a88e6 rgb(138,136,230)
```
#9a98ea
```
#9a98ea rgb(154,152,234)
```
#aaa8ed
```
#aaa8ed rgb(170,168,237)
```
#bab8f0
```
#bab8f0 rgb(186,184,240)
```
#cac9f4
```
#cac9f4 rgb(202,201,244)
```
#dad9f7
```
#dad9f7 rgb(218,217,247)
```
#e9e9fa
```
#e9e9fa rgb(233,233,250)
```
#f9f9fe
```
#f9f9fe rgb(249,249,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #96959e is the less saturated color, while #3c38fb is the most saturated one.

#96959e
```
#96959e rgb(150,149,158)
```
#8e8ea5
```
#8e8ea5 rgb(142,142,165)
```
#8786ad
```
#8786ad rgb(135,134,173)
```
#7f7eb5
```
#7f7eb5 rgb(127,126,181)
```
#7876bd
```
#7876bd rgb(120,118,189)
```
#706ec5
```
#706ec5 rgb(112,110,197)
```
#6967cc
```
#6967cc rgb(105,103,204)
```
#615fd4
```
#615fd4 rgb(97,95,212)
```
#5a57dc
```
#5a57dc rgb(90,87,220)
```
#534fe4
```
#534fe4 rgb(83,79,228)
```
#4b47ec
```
#4b47ec rgb(75,71,236)
```
#4440f3
```
#4440f3 rgb(68,64,243)
```
#3c38fb
```
#3c38fb rgb(60,56,251)
```

Tone Color Variation

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

#676767 Achromatopsia 0.005% of the population
#64647e Atypical Achromatopsia 0.001% of the population

Dichromacy

#006dd6 Protanopia 1% of men
#0073bb Deuteranopia 1% of men
#297a83 Tritanopia 0.001% of the population

Trichromacy

#2065d8 Protanomaly 1% of men, 0.01% of women
#2069c7 Deuteranomaly 6% of men, 0.4% of women
#3a6da3 Tritanomaly 0.01% of the population

#5a57dc hex color

#5a57dc Color Information

#5a57dc Color Conversion

Color Schemes with #5a57dc

Alternatives to #5a57dc

#5a57dc Preview

Shades and Tints of #5a57dc

Tones of #5a57dc

Color Blindness Simulator