#5d57df hex color

In a RGB color space, hex #5d57df is composed of 36.5% red, 34.1% green and 87.5% blue. Whereas in a CMYK color space, it is composed of 58.3% cyan, 61% magenta, 0% yellow and 12.5% black. It has a hue angle of 242.6 degrees, a saturation of 68% and a lightness of 60.8%. #5d57df color hex could be obtained by blending #baaeff with #0000bf. Closest websafe color is: #6666cc.

♥
- f
- t
- g
- R 36
- G 34
- B 87
RGB color chart
- C 58
- M 61
- Y 0
- K 13
CMYK color chart

● #5d57df color description : Soft blue.

The hexadecimal color #5d57df has RGB values of R:93, G:87, B:223 and CMYK values of C:0.58, M:0.61, Y:0, K:0.13. Its decimal value is 6117343.

Hex triplet	5d57df	`#5d57df`
RGB Decimal	93, 87, 223	`rgb(93,87,223)`
RGB Percent	36.5, 34.1, 87.5	`rgb(36.5%,34.1%,87.5%)`
CMYK	58, 61, 0, 13
HSL	242.6°, 68, 60.8	`hsl(242.6,68%,60.8%)`
HSV (or HSB)	242.6°, 61, 87.5
Web Safe	6666cc	`#6666cc`

CIE-LAB	44.9, 40.914, -68.823
XYZ	21.239, 14.47, 71.482
xyY	0.198, 0.135, 14.47
CIE-LCH	44.9, 80.066, 300.73
CIE-LUV	44.9, -5.948, -105.463
Hunter-Lab	38.04, 33.093, -84.785
Binary	01011101, 01010111, 11011111

#5d57df
```
#5d57df rgb(93,87,223)
```
#d9df57
```
#d9df57 rgb(217,223,87)
```

Complementary Color

#5795df
```
#5795df rgb(87,149,223)
```
#5d57df
```
#5d57df rgb(93,87,223)
```
#a157df
```
#a157df rgb(161,87,223)
```

Analogous Color

#95df57
```
#95df57 rgb(149,223,87)
```
#5d57df
```
#5d57df rgb(93,87,223)
```
#dfa157
```
#dfa157 rgb(223,161,87)
```

Split Complementary Color

#57df5d
```
#57df5d rgb(87,223,93)
```
#5d57df
```
#5d57df rgb(93,87,223)
```
#df5d57
```
#df5d57 rgb(223,93,87)
```

Triadic Color

#57d9df
```
#57d9df rgb(87,217,223)
```
#5d57df
```
#5d57df rgb(93,87,223)
```
#df5d57
```
#df5d57 rgb(223,93,87)
```
#d9df57
```
#d9df57 rgb(217,223,87)
```

Tetradic Color

#2c25c4
```
#2c25c4 rgb(44,37,196)
```
#342cd7
```
#342cd7 rgb(52,44,215)
```
#4842db
```
#4842db rgb(72,66,219)
```
#5d57df
```
#5d57df rgb(93,87,223)
```
#726ce3
```
#726ce3 rgb(114,108,227)
```
#8682e7
```
#8682e7 rgb(134,130,231)
```
#9b97eb
```
#9b97eb rgb(155,151,235)
```

Monochromatic Color

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

#5773df
```
#5773df rgb(87,115,223)
```
#5768df
```
#5768df rgb(87,104,223)
```
#575cdf
```
#575cdf rgb(87,92,223)
```
#5d57df
```
#5d57df rgb(93,87,223)
```
#6857df
```
#6857df rgb(104,87,223)
```
#7457df
```
#7457df rgb(116,87,223)
```
#7f57df
```
#7f57df rgb(127,87,223)
```

Similar Colors

Text with hexadecimal color #5d57df

This text has a font color of #5d57df.

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

#5d57df background color

This paragraph has a background color of #5d57df.

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

#5d57df border color

This element has a border color of #5d57df.

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

CSS codes

.text {color:#5d57df;}

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

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

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, #03030d is the darkest color, while #fcfcfe is the lightest one.

#03030d
```
#03030d rgb(3,3,13)
```
#07061e
```
#07061e rgb(7,6,30)
```
#0a092e
```
#0a092e rgb(10,9,46)
```
#0e0c3f
```
#0e0c3f rgb(14,12,63)
```
#120f4f
```
#120f4f rgb(18,15,79)
```
#161260
```
#161260 rgb(22,18,96)
```
#191570
```
#191570 rgb(25,21,112)
```
#1d1881
```
#1d1881 rgb(29,24,129)
```
#211c91
```
#211c91 rgb(33,28,145)
```
#251fa2
```
#251fa2 rgb(37,31,162)
```
#2822b2
```
#2822b2 rgb(40,34,178)
```
#2c25c2
```
#2c25c2 rgb(44,37,194)
```
#3028d3
```
#3028d3 rgb(48,40,211)
```

Shade Color Variation

#3d36d9
```
#3d36d9 rgb(61,54,217)
```
#4d47dc
```
#4d47dc rgb(77,71,220)
```
#5d57df
```
#5d57df rgb(93,87,223)
```
#6d67e2
```
#6d67e2 rgb(109,103,226)
```
#7d78e5
```
#7d78e5 rgb(125,120,229)
```
#8d88e8
```
#8d88e8 rgb(141,136,232)
```
#9d99ec
```
#9d99ec rgb(157,153,236)
```
#aca9ef
```
#aca9ef rgb(172,169,239)
```
#bcbaf2
```
#bcbaf2 rgb(188,186,242)
```
#cccaf5
```
#cccaf5 rgb(204,202,245)
```
#dcdbf8
```
#dcdbf8 rgb(220,219,248)
```
#ecebfb
```
#ecebfb rgb(236,235,251)
```
#fcfcfe
```
#fcfcfe rgb(252,252,254)
```

Tint Color Variation

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

#9595a1
```
#9595a1 rgb(149,149,161)
```
#8e8da9
```
#8e8da9 rgb(142,141,169)
```
#8785b1
```
#8785b1 rgb(135,133,177)
```
#807db9
```
#807db9 rgb(128,125,185)
```
#7976c0
```
#7976c0 rgb(121,118,192)
```
#726ec8
```
#726ec8 rgb(114,110,200)
```
#6b66d0
```
#6b66d0 rgb(107,102,208)
```
#645fd7
```
#645fd7 rgb(100,95,215)
```
#5d57df
```
#5d57df rgb(93,87,223)
```
#564fe7
```
#564fe7 rgb(86,79,231)
```
#4f48ee
```
#4f48ee rgb(79,72,238)
```
#4840f6
```
#4840f6 rgb(72,64,246)
```
#4138fe
```
#4138fe rgb(65,56,254)
```

Tone Color Variation

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

#686868 Achromatopsia 0.005% of the population
#666580 Atypical Achromatopsia 0.001% of the population

Dichromacy

#006ed8 Protanopia 1% of men
#0074bd Deuteranopia 1% of men
#2e7b84 Tritanopia 0.001% of the population

Trichromacy

#2165da Protanomaly 1% of men, 0.01% of women
#2169c9 Deuteranomaly 6% of men, 0.4% of women
#3f6ea5 Tritanomaly 0.01% of the population

#5d57df hex color

#5d57df Color Information

#5d57df Color Conversion

Color Schemes with #5d57df

Alternatives to #5d57df

#5d57df Preview

Shades and Tints of #5d57df

Tones of #5d57df

Color Blindness Simulator