colorhexa.com

#5d57ea hex color

In a RGB color space, hex #5d57ea is composed of 36.5% red, 34.1% green and 91.8% blue. Whereas in a CMYK color space, it is composed of 60.3% cyan, 62.8% magenta, 0% yellow and 8.2% black. It has a hue angle of 242.4 degrees, a saturation of 77.8% and a lightness of 62.9%. #5d57ea color hex could be obtained by blending #baaeff with #0000d5. Closest websafe color is: #6666ff.

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

● #5d57ea color description : Soft blue.

The hexadecimal color #5d57ea has RGB values of R:93, G:87, B:234 and CMYK values of C:0.6, M:0.63, Y:0, K:0.08. Its decimal value is 6117354.

Hex triplet	5d57ea	`#5d57ea`
RGB Decimal	93, 87, 234	`rgb(93,87,234)`
RGB Percent	36.5, 34.1, 91.8	`rgb(36.5%,34.1%,91.8%)`
CMYK	60, 63, 0, 8
HSL	242.4°, 77.8, 62.9	`hsl(242.4,77.8%,62.9%)`
HSV (or HSB)	242.4°, 62.8, 91.8
Web Safe	6666ff	`#6666ff`

CIE-LAB	45.748, 44.385, -73.669
XYZ	22.771, 15.083, 79.549
xyY	0.194, 0.128, 15.083
CIE-LCH	45.748, 86.007, 301.069
CIE-LUV	45.748, -6.581, -112.981
Hunter-Lab	38.837, 36.693, -94.256
Binary	01011101, 01010111, 11101010

#5d57ea
```
#5d57ea rgb(93,87,234)
```
#e4ea57
```
#e4ea57 rgb(228,234,87)
```

Complementary Color

#579bea
```
#579bea rgb(87,155,234)
```
#5d57ea
```
#5d57ea rgb(93,87,234)
```
#a757ea
```
#a757ea rgb(167,87,234)
```

Analogous Color

#9bea57
```
#9bea57 rgb(155,234,87)
```
#5d57ea
```
#5d57ea rgb(93,87,234)
```
#eaa757
```
#eaa757 rgb(234,167,87)
```

Split Complementary Color

#57ea5d
```
#57ea5d rgb(87,234,93)
```
#5d57ea
```
#5d57ea rgb(93,87,234)
```
#ea5d57
```
#ea5d57 rgb(234,93,87)
```

Triadic Color

#57e4ea
```
#57e4ea rgb(87,228,234)
```
#5d57ea
```
#5d57ea rgb(93,87,234)
```
#ea5d57
```
#ea5d57 rgb(234,93,87)
```
#e4ea57
```
#e4ea57 rgb(228,234,87)
```

Tetradic Color

#231bd9
```
#231bd9 rgb(35,27,217)
```
#312ae4
```
#312ae4 rgb(49,42,228)
```
#4740e7
```
#4740e7 rgb(71,64,231)
```
#5d57ea
```
#5d57ea rgb(93,87,234)
```
#736eed
```
#736eed rgb(115,110,237)
```
#8984f0
```
#8984f0 rgb(137,132,240)
```
#9f9bf3
```
#9f9bf3 rgb(159,155,243)
```

Monochromatic Color

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

#5776ea
```
#5776ea rgb(87,118,234)
```
#576aea
```
#576aea rgb(87,106,234)
```
#575dea
```
#575dea rgb(87,93,234)
```
#5d57ea
```
#5d57ea rgb(93,87,234)
```
#6957ea
```
#6957ea rgb(105,87,234)
```
#7657ea
```
#7657ea rgb(118,87,234)
```
#8257ea
```
#8257ea rgb(130,87,234)
```

Similar Colors

Text with hexadecimal color #5d57ea

This text has a font color of #5d57ea.

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

#5d57ea background color

This paragraph has a background color of #5d57ea.

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

#5d57ea border color

This element has a border color of #5d57ea.

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

CSS codes

.text {color:#5d57ea;}

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

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

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

#010106
```
#010106 rgb(1,1,6)
```
#040318
```
#040318 rgb(4,3,24)
```
#070529
```
#070529 rgb(7,5,41)
```
#09073b
```
#09073b rgb(9,7,59)
```
#0c0a4c
```
#0c0a4c rgb(12,10,76)
```
#0f0c5e
```
#0f0c5e rgb(15,12,94)
```
#120e6f
```
#120e6f rgb(18,14,111)
```
#151080
```
#151080 rgb(21,16,128)
```
#171292
```
#171292 rgb(23,18,146)
```
#1a14a3
```
#1a14a3 rgb(26,20,163)
```
#1d17b5
```
#1d17b5 rgb(29,23,181)
```
#2019c6
```
#2019c6 rgb(32,25,198)
```
#231bd8
```
#231bd8 rgb(35,27,216)
```

Shade Color Variation

#2b23e3
```
#2b23e3 rgb(43,35,227)
```
#3b34e6
```
#3b34e6 rgb(59,52,230)
```
#4c46e8
```
#4c46e8 rgb(76,70,232)
```
#5d57ea
```
#5d57ea rgb(93,87,234)
```
#6e68ec
```
#6e68ec rgb(110,104,236)
```
#7f7aee
```
#7f7aee rgb(127,122,238)
```
#8f8bf1
```
#8f8bf1 rgb(143,139,241)
```
#a09df3
```
#a09df3 rgb(160,157,243)
```
#b1aef5
```
#b1aef5 rgb(177,174,245)
```
#c2c0f7
```
#c2c0f7 rgb(194,192,247)
```
#d3d1f9
```
#d3d1f9 rgb(211,209,249)
```
#e4e2fb
```
#e4e2fb rgb(228,226,251)
```
#f4f4fe
```
#f4f4fe rgb(244,244,254)
```

Tint Color Variation

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

#a0a0a1
```
#a0a0a1 rgb(160,160,161)
```
#9998a9
```
#9998a9 rgb(153,152,169)
```
#9291b0
```
#9291b0 rgb(146,145,176)
```
#8c8ab7
```
#8c8ab7 rgb(140,138,183)
```
#8583be
```
#8583be rgb(133,131,190)
```
#7e7bc6
```
#7e7bc6 rgb(126,123,198)
```
#7874cd
```
#7874cd rgb(120,116,205)
```
#716dd4
```
#716dd4 rgb(113,109,212)
```
#6a66db
```
#6a66db rgb(106,102,219)
```
#645ee3
```
#645ee3 rgb(100,94,227)
```
#5d57ea
```
#5d57ea rgb(93,87,234)
```
#5650f1
```
#5650f1 rgb(86,80,241)
```
#5048f9
```
#5048f9 rgb(80,72,249)
```

Tone Color Variation

Below, you can see how #5d57ea 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
#676684 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0070db Protanopia 1% of men
#0076c0 Deuteranopia 1% of men
#197e88 Tritanopia 0.001% of the population

Trichromacy

#2167e0 Protanomaly 1% of men, 0.01% of women
#216bcf Deuteranomaly 6% of men, 0.4% of women
#3170ab Tritanomaly 0.01% of the population