colorhexa.com

#5d31ac hex color

In a RGB color space, hex #5d31ac is composed of 36.5% red, 19.2% green and 67.5% blue. Whereas in a CMYK color space, it is composed of 45.9% cyan, 71.5% magenta, 0% yellow and 32.5% black. It has a hue angle of 261.5 degrees, a saturation of 55.7% and a lightness of 43.3%. #5d31ac color hex could be obtained by blending #ba62ff with #000059. Closest websafe color is: #663399.

- R 36
- G 19
- B 67
RGB color chart
- C 46
- M 72
- Y 0
- K 33
CMYK color chart

● #5d31ac color description : Dark violet.

The hexadecimal color #5d31ac has RGB values of R:93, G:49, B:172 and CMYK values of C:0.46, M:0.72, Y:0, K:0.33. Its decimal value is 6107564.

Hex triplet	5d31ac	`#5d31ac`
RGB Decimal	93, 49, 172	`rgb(93,49,172)`
RGB Percent	36.5, 19.2, 67.5	`rgb(36.5%,19.2%,67.5%)`
CMYK	46, 72, 0, 33
HSL	261.5°, 55.7, 43.3	`hsl(261.5,55.7%,43.3%)`
HSV (or HSB)	261.5°, 71.5, 67.5
Web Safe	663399	`#663399`

CIE-LAB	32.924, 47.116, -58.634
XYZ	13.058, 7.502, 39.788
xyY	0.216, 0.124, 7.502
CIE-LCH	32.924, 75.219, 308.784
CIE-LUV	32.924, 6.585, -82.474
Hunter-Lab	27.39, 37.163, -66.953
Binary	01011101, 00110001, 10101100

#5d31ac
```
#5d31ac rgb(93,49,172)
```
#80ac31
```
#80ac31 rgb(128,172,49)
```

Complementary Color

#3143ac
```
#3143ac rgb(49,67,172)
```
#5d31ac
```
#5d31ac rgb(93,49,172)
```
#9b31ac
```
#9b31ac rgb(155,49,172)
```

Analogous Color

#43ac31
```
#43ac31 rgb(67,172,49)
```
#5d31ac
```
#5d31ac rgb(93,49,172)
```
#ac9b31
```
#ac9b31 rgb(172,155,49)
```

Split Complementary Color

#31ac5d
```
#31ac5d rgb(49,172,93)
```
#5d31ac
```
#5d31ac rgb(93,49,172)
```
#ac5d31
```
#ac5d31 rgb(172,93,49)
```

Triadic Color

#3180ac
```
#3180ac rgb(49,128,172)
```
#5d31ac
```
#5d31ac rgb(93,49,172)
```
#ac5d31
```
#ac5d31 rgb(172,93,49)
```
#80ac31
```
#80ac31 rgb(128,172,49)
```

Tetradic Color

#3d2070
```
#3d2070 rgb(61,32,112)
```
#482684
```
#482684 rgb(72,38,132)
```
#522b98
```
#522b98 rgb(82,43,152)
```
#5d31ac
```
#5d31ac rgb(93,49,172)
```
#6837c0
```
#6837c0 rgb(104,55,192)
```
#7546ca
```
#7546ca rgb(117,70,202)
```
#845ad0
```
#845ad0 rgb(132,90,208)
```

Monochromatic Color

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

#3e31ac
```
#3e31ac rgb(62,49,172)
```
#4831ac
```
#4831ac rgb(72,49,172)
```
#5331ac
```
#5331ac rgb(83,49,172)
```
#5d31ac
```
#5d31ac rgb(93,49,172)
```
#6731ac
```
#6731ac rgb(103,49,172)
```
#7231ac
```
#7231ac rgb(114,49,172)
```
#7c31ac
```
#7c31ac rgb(124,49,172)
```

Similar Colors

Text with hexadecimal color #5d31ac

This text has a font color of #5d31ac.

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

#5d31ac background color

This paragraph has a background color of #5d31ac.

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

#5d31ac border color

This element has a border color of #5d31ac.

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

CSS codes

.text {color:#5d31ac;}

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

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

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

#020104
```
#020104 rgb(2,1,4)
```
#0a0613
```
#0a0613 rgb(10,6,19)
```
#130a23
```
#130a23 rgb(19,10,35)
```
#1b0e32
```
#1b0e32 rgb(27,14,50)
```
#231341
```
#231341 rgb(35,19,65)
```
#2b1750
```
#2b1750 rgb(43,23,80)
```
#341b60
```
#341b60 rgb(52,27,96)
```
#3c206f
```
#3c206f rgb(60,32,111)
```
#44247e
```
#44247e rgb(68,36,126)
```
#4c288d
```
#4c288d rgb(76,40,141)
```
#552d9d
```
#552d9d rgb(85,45,157)
```
#5d31ac
```
#5d31ac rgb(93,49,172)
```
#6535bb
```
#6535bb rgb(101,53,187)
```

Shade Color Variation

#6e3dc8
```
#6e3dc8 rgb(110,61,200)
```
#7a4ccc
```
#7a4ccc rgb(122,76,204)
```
#855bd0
```
#855bd0 rgb(133,91,208)
```
#906ad5
```
#906ad5 rgb(144,106,213)
```
#9c7ad9
```
#9c7ad9 rgb(156,122,217)
```
#a789dd
```
#a789dd rgb(167,137,221)
```
#b398e2
```
#b398e2 rgb(179,152,226)
```
#bea7e6
```
#bea7e6 rgb(190,167,230)
```
#c9b7ea
```
#c9b7ea rgb(201,183,234)
```
#d5c6ef
```
#d5c6ef rgb(213,198,239)
```
#e0d5f3
```
#e0d5f3 rgb(224,213,243)
```
#ebe5f7
```
#ebe5f7 rgb(235,229,247)
```
#f7f4fc
```
#f7f4fc rgb(247,244,252)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #6e6d71 is the less saturated color, while #5106d7 is the most saturated one.

#6e6d71
```
#6e6d71 rgb(110,109,113)
```
#6c6479
```
#6c6479 rgb(108,100,121)
```
#695c82
```
#695c82 rgb(105,92,130)
```
#67538a
```
#67538a rgb(103,83,138)
```
#644b93
```
#644b93 rgb(100,75,147)
```
#62429b
```
#62429b rgb(98,66,155)
```
#5f3aa4
```
#5f3aa4 rgb(95,58,164)
```
#5d31ac
```
#5d31ac rgb(93,49,172)
```
#5b29b5
```
#5b29b5 rgb(91,41,181)
```
#5820bd
```
#5820bd rgb(88,32,189)
```
#5618c6
```
#5618c6 rgb(86,24,198)
```
#530fce
```
#530fce rgb(83,15,206)
```
#5106d7
```
#5106d7 rgb(81,6,215)
```

Tone Color Variation

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

#4c4c4c Achromatopsia 0.005% of the population
#4f475f Atypical Achromatopsia 0.001% of the population

Dichromacy

#0054a4 Protanopia 1% of men
#005890 Deuteranopia 1% of men
#4b585f Tritanopia 0.001% of the population

Trichromacy

#2147a6 Protanomaly 1% of men, 0.01% of women
#214a9a Deuteranomaly 6% of men, 0.4% of women
#514a7b Tritanomaly 0.01% of the population