colorhexa.com

#5c57e8 hex color

In a RGB color space, hex #5c57e8 is composed of 36.1% red, 34.1% green and 91% blue. Whereas in a CMYK color space, it is composed of 60.3% cyan, 62.5% magenta, 0% yellow and 9% black. It has a hue angle of 242.1 degrees, a saturation of 75.9% and a lightness of 62.5%. #5c57e8 color hex could be obtained by blending #b8aeff with #0000d1. Closest websafe color is: #6666ff.

- R 36
- G 34
- B 91
RGB color chart
- C 60
- M 63
- Y 0
- K 9
CMYK color chart

● #5c57e8 color description : Soft blue.

The hexadecimal color #5c57e8 has RGB values of R:92, G:87, B:232 and CMYK values of C:0.6, M:0.63, Y:0, K:0.09. Its decimal value is 6051816.

Hex triplet	5c57e8	`#5c57e8`
RGB Decimal	92, 87, 232	`rgb(92,87,232)`
RGB Percent	36.1, 34.1, 91	`rgb(36.1%,34.1%,91%)`
CMYK	60, 63, 0, 9
HSL	242.1°, 75.9, 62.5	`hsl(242.1,75.9%,62.5%)`
HSV (or HSB)	242.1°, 62.5, 91
Web Safe	6666ff	`#6666ff`

CIE-LAB	45.52, 43.6, -72.915
XYZ	22.384, 14.917, 78.039
xyY	0.194, 0.129, 14.917
CIE-LCH	45.52, 84.956, 300.878
CIE-LUV	45.52, -6.747, -111.721
Hunter-Lab	38.622, 35.864, -92.764
Binary	01011100, 01010111, 11101000

#5c57e8
```
#5c57e8 rgb(92,87,232)
```
#e3e857
```
#e3e857 rgb(227,232,87)
```

Complementary Color

#579be8
```
#579be8 rgb(87,155,232)
```
#5c57e8
```
#5c57e8 rgb(92,87,232)
```
#a557e8
```
#a557e8 rgb(165,87,232)
```

Analogous Color

#9be857
```
#9be857 rgb(155,232,87)
```
#5c57e8
```
#5c57e8 rgb(92,87,232)
```
#e8a557
```
#e8a557 rgb(232,165,87)
```

Split Complementary Color

#57e85c
```
#57e85c rgb(87,232,92)
```
#5c57e8
```
#5c57e8 rgb(92,87,232)
```
#e85c57
```
#e85c57 rgb(232,92,87)
```

Triadic Color

#57e3e8
```
#57e3e8 rgb(87,227,232)
```
#5c57e8
```
#5c57e8 rgb(92,87,232)
```
#e85c57
```
#e85c57 rgb(232,92,87)
```
#e3e857
```
#e3e857 rgb(227,232,87)
```

Tetradic Color

#241dd5
```
#241dd5 rgb(36,29,213)
```
#302ae2
```
#302ae2 rgb(48,42,226)
```
#4641e5
```
#4641e5 rgb(70,65,229)
```
#5c57e8
```
#5c57e8 rgb(92,87,232)
```
#726deb
```
#726deb rgb(114,109,235)
```
#8884ee
```
#8884ee rgb(136,132,238)
```
#9d9af1
```
#9d9af1 rgb(157,154,241)
```

Monochromatic Color

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

#5776e8
```
#5776e8 rgb(87,118,232)
```
#576ae8
```
#576ae8 rgb(87,106,232)
```
#575ee8
```
#575ee8 rgb(87,94,232)
```
#5c57e8
```
#5c57e8 rgb(92,87,232)
```
#6857e8
```
#6857e8 rgb(104,87,232)
```
#7457e8
```
#7457e8 rgb(116,87,232)
```
#8057e8
```
#8057e8 rgb(128,87,232)
```

Similar Colors

Text with hexadecimal color #5c57e8

This text has a font color of #5c57e8.

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

#5c57e8 background color

This paragraph has a background color of #5c57e8.

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

#5c57e8 border color

This element has a border color of #5c57e8.

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

CSS codes

.text {color:#5c57e8;}

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

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

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

#010105
```
#010105 rgb(1,1,5)
```
#040316
```
#040316 rgb(4,3,22)
```
#070527
```
#070527 rgb(7,5,39)
```
#090838
```
#090838 rgb(9,8,56)
```
#0c0a4a
```
#0c0a4a rgb(12,10,74)
```
#0f0c5b
```
#0f0c5b rgb(15,12,91)
```
#120f6c
```
#120f6c rgb(18,15,108)
```
#15117d
```
#15117d rgb(21,17,125)
```
#18148f
```
#18148f rgb(24,20,143)
```
#1b16a0
```
#1b16a0 rgb(27,22,160)
```
#1e18b1
```
#1e18b1 rgb(30,24,177)
```
#201bc2
```
#201bc2 rgb(32,27,194)
```
#231dd4
```
#231dd4 rgb(35,29,212)
```

Shade Color Variation

#2a23e1
```
#2a23e1 rgb(42,35,225)
```
#3b34e3
```
#3b34e3 rgb(59,52,227)
```
#4b46e6
```
#4b46e6 rgb(75,70,230)
```
#5c57e8
```
#5c57e8 rgb(92,87,232)
```
#6d68ea
```
#6d68ea rgb(109,104,234)
```
#7d7aed
```
#7d7aed rgb(125,122,237)
```
#8e8bef
```
#8e8bef rgb(142,139,239)
```
#9f9cf1
```
#9f9cf1 rgb(159,156,241)
```
#b0adf4
```
#b0adf4 rgb(176,173,244)
```
#c0bff6
```
#c0bff6 rgb(192,191,246)
```
#d1d0f9
```
#d1d0f9 rgb(209,208,249)
```
#e2e1fb
```
#e2e1fb rgb(226,225,251)
```
#f3f2fd
```
#f3f2fd rgb(243,242,253)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #9a99a6 is the less saturated color, while #4741fe is the most saturated one.

#9a99a6
```
#9a99a6 rgb(154,153,166)
```
#9392ad
```
#9392ad rgb(147,146,173)
```
#8c8ab5
```
#8c8ab5 rgb(140,138,181)
```
#8583bc
```
#8583bc rgb(133,131,188)
```
#7e7cc3
```
#7e7cc3 rgb(126,124,195)
```
#7774cb
```
#7774cb rgb(119,116,203)
```
#716dd2
```
#716dd2 rgb(113,109,210)
```
#6a66d9
```
#6a66d9 rgb(106,102,217)
```
#635ee1
```
#635ee1 rgb(99,94,225)
```
#5c57e8
```
#5c57e8 rgb(92,87,232)
```
#5550ef
```
#5550ef rgb(85,80,239)
```
#4e48f7
```
#4e48f7 rgb(78,72,247)
```
#4741fe
```
#4741fe rgb(71,65,254)
```

Tone Color Variation

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

#696969 Achromatopsia 0.005% of the population
#666582 Atypical Achromatopsia 0.001% of the population

Dichromacy

#006fda Protanopia 1% of men
#0076bf Deuteranopia 1% of men
#187e87 Tritanopia 0.001% of the population

Trichromacy

#2166df Protanomaly 1% of men, 0.01% of women
#216ace Deuteranomaly 6% of men, 0.4% of women
#3170aa Tritanomaly 0.01% of the population