#5d5ed4 hex color

In a RGB color space, hex #5d5ed4 is composed of 36.5% red, 36.9% green and 83.1% blue. Whereas in a CMYK color space, it is composed of 56.1% cyan, 55.7% magenta, 0% yellow and 16.9% black. It has a hue angle of 239.5 degrees, a saturation of 58% and a lightness of 59.8%. #5d5ed4 color hex could be obtained by blending #babcff with #0000a9. Closest websafe color is: #6666cc.

♥
- f
- t
- g
- R 36
- G 37
- B 83
RGB color chart
- C 56
- M 56
- Y 0
- K 17
CMYK color chart

● #5d5ed4 color description : Moderate blue.

The hexadecimal color #5d5ed4 has RGB values of R:93, G:94, B:212 and CMYK values of C:0.56, M:0.56, Y:0, K:0.17. Its decimal value is 6119124.

Hex triplet	5d5ed4	`#5d5ed4`
RGB Decimal	93, 94, 212	`rgb(93,94,212)`
RGB Percent	36.5, 36.9, 83.1	`rgb(36.5%,36.9%,83.1%)`
CMYK	56, 56, 0, 17
HSL	239.5°, 58, 59.8	`hsl(239.5,58%,59.8%)`
HSV (or HSB)	239.5°, 56.1, 83.1
Web Safe	6666cc	`#6666cc`

CIE-LAB	45.751, 33.189, -61.173
XYZ	20.398, 15.085, 64.121
xyY	0.205, 0.151, 15.085
CIE-LCH	45.751, 69.596, 298.482
CIE-LUV	45.751, -7.134, -94.626
Hunter-Lab	38.84, 25.777, -70.694
Binary	01011101, 01011110, 11010100

#5d5ed4
```
#5d5ed4 rgb(93,94,212)
```
#d4d35d
```
#d4d35d rgb(212,211,93)
```

Complementary Color

#5d9ad4
```
#5d9ad4 rgb(93,154,212)
```
#5d5ed4
```
#5d5ed4 rgb(93,94,212)
```
#985dd4
```
#985dd4 rgb(152,93,212)
```

Analogous Color

#9ad45d
```
#9ad45d rgb(154,212,93)
```
#5d5ed4
```
#5d5ed4 rgb(93,94,212)
```
#d4985d
```
#d4985d rgb(212,152,93)
```

Split Complementary Color

#5ed45d
```
#5ed45d rgb(94,212,93)
```
#5d5ed4
```
#5d5ed4 rgb(93,94,212)
```
#d45d5e
```
#d45d5e rgb(212,93,94)
```

Triadic Color

#5dd4d3
```
#5dd4d3 rgb(93,212,211)
```
#5d5ed4
```
#5d5ed4 rgb(93,94,212)
```
#d45d5e
```
#d45d5e rgb(212,93,94)
```
#d4d35d
```
#d4d35d rgb(212,211,93)
```

Tetradic Color

#3031b5
```
#3031b5 rgb(48,49,181)
```
#3537c9
```
#3537c9 rgb(53,55,201)
```
#494acf
```
#494acf rgb(73,74,207)
```
#5d5ed4
```
#5d5ed4 rgb(93,94,212)
```
#7172d9
```
#7172d9 rgb(113,114,217)
```
#8586df
```
#8586df rgb(133,134,223)
```
#999ae4
```
#999ae4 rgb(153,154,228)
```

Monochromatic Color

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

#5d7cd4
```
#5d7cd4 rgb(93,124,212)
```
#5d72d4
```
#5d72d4 rgb(93,114,212)
```
#5d68d4
```
#5d68d4 rgb(93,104,212)
```
#5d5ed4
```
#5d5ed4 rgb(93,94,212)
```
#665dd4
```
#665dd4 rgb(102,93,212)
```
#705dd4
```
#705dd4 rgb(112,93,212)
```
#7a5dd4
```
#7a5dd4 rgb(122,93,212)
```

Similar Colors

Text with hexadecimal color #5d5ed4

This text has a font color of #5d5ed4.

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

#5d5ed4 background color

This paragraph has a background color of #5d5ed4.

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

#5d5ed4 border color

This element has a border color of #5d5ed4.

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

CSS codes

.text {color:#5d5ed4;}

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

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

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

#020209
```
#020209 rgb(2,2,9)
```
#060718
```
#060718 rgb(6,7,24)
```
#0a0b28
```
#0a0b28 rgb(10,11,40)
```
#0f0f37
```
#0f0f37 rgb(15,15,55)
```
#131347
```
#131347 rgb(19,19,71)
```
#171756
```
#171756 rgb(23,23,86)
```
#1b1c66
```
#1b1c66 rgb(27,28,102)
```
#1f2075
```
#1f2075 rgb(31,32,117)
```
#232485
```
#232485 rgb(35,36,133)
```
#272894
```
#272894 rgb(39,40,148)
```
#2b2ca4
```
#2b2ca4 rgb(43,44,164)
```
#3031b3
```
#3031b3 rgb(48,49,179)
```
#3435c3
```
#3435c3 rgb(52,53,195)
```

Shade Color Variation

#3e3fcc
```
#3e3fcc rgb(62,63,204)
```
#4d4fd0
```
#4d4fd0 rgb(77,79,208)
```
#5d5ed4
```
#5d5ed4 rgb(93,94,212)
```
#6d6dd8
```
#6d6dd8 rgb(109,109,216)
```
#7c7ddc
```
#7c7ddc rgb(124,125,220)
```
#8c8ce0
```
#8c8ce0 rgb(140,140,224)
```
#9b9ce4
```
#9b9ce4 rgb(155,156,228)
```
#ababe9
```
#ababe9 rgb(171,171,233)
```
#babaed
```
#babaed rgb(186,186,237)
```
#cacaf1
```
#cacaf1 rgb(202,202,241)
```
#d9d9f5
```
#d9d9f5 rgb(217,217,245)
```
#e9e9f9
```
#e9e9f9 rgb(233,233,249)
```
#f8f8fd
```
#f8f8fd rgb(248,248,253)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #94949d is the less saturated color, while #3637fb is the most saturated one.

#94949d
```
#94949d rgb(148,148,157)
```
#8c8da5
```
#8c8da5 rgb(140,141,165)
```
#8485ad
```
#8485ad rgb(132,133,173)
```
#7d7db4
```
#7d7db4 rgb(125,125,180)
```
#7575bc
```
#7575bc rgb(117,117,188)
```
#6d6ec4
```
#6d6ec4 rgb(109,110,196)
```
#6566cc
```
#6566cc rgb(101,102,204)
```
#5d5ed4
```
#5d5ed4 rgb(93,94,212)
```
#5556dc
```
#5556dc rgb(85,86,220)
```
#4d4ee4
```
#4d4ee4 rgb(77,78,228)
```
#4547ec
```
#4547ec rgb(69,71,236)
```
#3d3ff4
```
#3d3ff4 rgb(61,63,244)
```
#3637fb
```
#3637fb rgb(54,55,251)
```

Tone Color Variation

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

#6b6b6b Achromatopsia 0.005% of the population
#686880 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0070dc Protanopia 1% of men
#0076c2 Deuteranopia 1% of men
#3c7c85 Tritanopia 0.001% of the population

Trichromacy

#2169d9 Protanomaly 1% of men, 0.01% of women
#216dc8 Deuteranomaly 6% of men, 0.4% of women
#4871a2 Tritanomaly 0.01% of the population

#5d5ed4 hex color

#5d5ed4 Color Information

#5d5ed4 Color Conversion

Color Schemes with #5d5ed4

Alternatives to #5d5ed4

#5d5ed4 Preview

Shades and Tints of #5d5ed4

Tones of #5d5ed4

Color Blindness Simulator