#5d2ddd hex color

In a RGB color space, hex #5d2ddd is composed of 36.5% red, 17.6% green and 86.7% blue. Whereas in a CMYK color space, it is composed of 57.9% cyan, 79.6% magenta, 0% yellow and 13.3% black. It has a hue angle of 256.4 degrees, a saturation of 72.1% and a lightness of 52.2%. #5d2ddd color hex could be obtained by blending #ba5aff with #0000bb. Closest websafe color is: #6633cc.

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

● #5d2ddd color description : Bright violet.

The hexadecimal color #5d2ddd has RGB values of R:93, G:45, B:221 and CMYK values of C:0.58, M:0.8, Y:0, K:0.13. Its decimal value is 6106589.

Hex triplet	5d2ddd	`#5d2ddd`
RGB Decimal	93, 45, 221	`rgb(93,45,221)`
RGB Percent	36.5, 17.6, 86.7	`rgb(36.5%,17.6%,86.7%)`
CMYK	58, 80, 0, 13
HSL	256.4°, 72.1, 52.2	`hsl(256.4,72.1%,52.2%)`
HSV (or HSB)	256.4°, 79.6, 86.7
Web Safe	6633cc	`#6633cc`

CIE-LAB	36.788, 62.239, -80.979
XYZ	18.501, 9.424, 69.247
xyY	0.19, 0.097, 9.424
CIE-LCH	36.788, 102.134, 307.545
CIE-LUV	36.788, 1.665, -113.635
Hunter-Lab	30.698, 53.857, -112.253
Binary	01011101, 00101101, 11011101

#5d2ddd
```
#5d2ddd rgb(93,45,221)
```
#addd2d
```
#addd2d rgb(173,221,45)
```

Complementary Color

#2d55dd
```
#2d55dd rgb(45,85,221)
```
#5d2ddd
```
#5d2ddd rgb(93,45,221)
```
#b52ddd
```
#b52ddd rgb(181,45,221)
```

Analogous Color

#55dd2d
```
#55dd2d rgb(85,221,45)
```
#5d2ddd
```
#5d2ddd rgb(93,45,221)
```
#ddb52d
```
#ddb52d rgb(221,181,45)
```

Split Complementary Color

#2ddd5d
```
#2ddd5d rgb(45,221,93)
```
#5d2ddd
```
#5d2ddd rgb(93,45,221)
```
#dd5d2d
```
#dd5d2d rgb(221,93,45)
```

Triadic Color

#2daddd
```
#2daddd rgb(45,173,221)
```
#5d2ddd
```
#5d2ddd rgb(93,45,221)
```
#dd5d2d
```
#dd5d2d rgb(221,93,45)
```
#addd2d
```
#addd2d rgb(173,221,45)
```

Tetradic Color

#401aa3
```
#401aa3 rgb(64,26,163)
```
#481eb9
```
#481eb9 rgb(72,30,185)
```
#5122cf
```
#5122cf rgb(81,34,207)
```
#5d2ddd
```
#5d2ddd rgb(93,45,221)
```
#6e43e1
```
#6e43e1 rgb(110,67,225)
```
#7f59e4
```
#7f59e4 rgb(127,89,228)
```
#906fe8
```
#906fe8 rgb(144,111,232)
```

Monochromatic Color

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

#312ddd
```
#312ddd rgb(49,45,221)
```
#402ddd
```
#402ddd rgb(64,45,221)
```
#4e2ddd
```
#4e2ddd rgb(78,45,221)
```
#5d2ddd
```
#5d2ddd rgb(93,45,221)
```
#6c2ddd
```
#6c2ddd rgb(108,45,221)
```
#7a2ddd
```
#7a2ddd rgb(122,45,221)
```
#892ddd
```
#892ddd rgb(137,45,221)
```

Similar Colors

Text with hexadecimal color #5d2ddd

This text has a font color of #5d2ddd.

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

#5d2ddd background color

This paragraph has a background color of #5d2ddd.

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

#5d2ddd border color

This element has a border color of #5d2ddd.

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

CSS codes

.text {color:#5d2ddd;}

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

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

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

#040209
```
#040209 rgb(4,2,9)
```
#0a041a
```
#0a041a rgb(10,4,26)
```
#11072b
```
#11072b rgb(17,7,43)
```
#170a3c
```
#170a3c rgb(23,10,60)
```
#1e0c4d
```
#1e0c4d rgb(30,12,77)
```
#250f5e
```
#250f5e rgb(37,15,94)
```
#2b126f
```
#2b126f rgb(43,18,111)
```
#321580
```
#321580 rgb(50,21,128)
```
#381791
```
#381791 rgb(56,23,145)
```
#3f1aa1
```
#3f1aa1 rgb(63,26,161)
```
#461db2
```
#461db2 rgb(70,29,178)
```
#4c20c3
```
#4c20c3 rgb(76,32,195)
```
#5322d4
```
#5322d4 rgb(83,34,212)
```

Shade Color Variation

#5d2ddd
```
#5d2ddd rgb(93,45,221)
```
#6a3ee0
```
#6a3ee0 rgb(106,62,224)
```
#774fe2
```
#774fe2 rgb(119,79,226)
```
#8460e5
```
#8460e5 rgb(132,96,229)
```
#9171e8
```
#9171e8 rgb(145,113,232)
```
#9e81eb
```
#9e81eb rgb(158,129,235)
```
#ab92ed
```
#ab92ed rgb(171,146,237)
```
#b8a3f0
```
#b8a3f0 rgb(184,163,240)
```
#c5b4f3
```
#c5b4f3 rgb(197,180,243)
```
#d2c5f6
```
#d2c5f6 rgb(210,197,246)
```
#dfd6f8
```
#dfd6f8 rgb(223,214,248)
```
#ece7fb
```
#ece7fb rgb(236,231,251)
```
#f9f8fe
```
#f9f8fe rgb(249,248,254)
```

Tint Color Variation

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

#838189
```
#838189 rgb(131,129,137)
```
#7f7892
```
#7f7892 rgb(127,120,146)
```
#7b6f9b
```
#7b6f9b rgb(123,111,155)
```
#7765a5
```
#7765a5 rgb(119,101,165)
```
#725cae
```
#725cae rgb(114,92,174)
```
#6e53b7
```
#6e53b7 rgb(110,83,183)
```
#6a49c1
```
#6a49c1 rgb(106,73,193)
```
#6640ca
```
#6640ca rgb(102,64,202)
```
#6136d4
```
#6136d4 rgb(97,54,212)
```
#5d2ddd
```
#5d2ddd rgb(93,45,221)
```
#5924e6
```
#5924e6 rgb(89,36,230)
```
#541af0
```
#541af0 rgb(84,26,240)
```
#5011f9
```
#5011f9 rgb(80,17,249)
```

Tone Color Variation

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

#4f4f4f Achromatopsia 0.005% of the population
#52486b Atypical Achromatopsia 0.001% of the population

Dichromacy

#005cb3 Protanopia 1% of men
#00619c Deuteranopia 1% of men
#1f676f Tritanopia 0.001% of the population

Trichromacy

#214bc2 Protanomaly 1% of men, 0.01% of women
#214eb3 Deuteranomaly 6% of men, 0.4% of women
#355297 Tritanomaly 0.01% of the population

#5d2ddd hex color

#5d2ddd Color Information

#5d2ddd Color Conversion

Color Schemes with #5d2ddd

Alternatives to #5d2ddd

#5d2ddd Preview

Shades and Tints of #5d2ddd

Tones of #5d2ddd

Color Blindness Simulator