#5d336c hex color

In a RGB color space, hex #5d336c is composed of 36.5% red, 20% green and 42.4% blue. Whereas in a CMYK color space, it is composed of 13.9% cyan, 52.8% magenta, 0% yellow and 57.6% black. It has a hue angle of 284.2 degrees, a saturation of 35.8% and a lightness of 31.2%. #5d336c color hex could be obtained by blending #ba66d8 with #000000. Closest websafe color is: #663366.

♥
- f
- t
- g
- R 36
- G 20
- B 42
RGB color chart
- C 14
- M 53
- Y 0
- K 58
CMYK color chart

● #5d336c color description : Very dark desaturated violet.

The hexadecimal color #5d336c has RGB values of R:93, G:51, B:108 and CMYK values of C:0.14, M:0.53, Y:0, K:0.58. Its decimal value is 6108012.

Hex triplet	5d336c	`#5d336c`
RGB Decimal	93, 51, 108	`rgb(93,51,108)`
RGB Percent	36.5, 20, 42.4	`rgb(36.5%,20%,42.4%)`
CMYK	14, 53, 0, 58
HSL	284.2°, 35.8, 31.2	`hsl(284.2,35.8%,31.2%)`
HSV (or HSB)	284.2°, 52.8, 42.4
Web Safe	663366	`#663366`

CIE-LAB	28.845, 29.458, -25.651
XYZ	8.404, 5.778, 14.859
xyY	0.289, 0.199, 5.778
CIE-LCH	28.845, 39.061, 318.953
CIE-LUV	28.845, 16.084, -35.988
Hunter-Lab	24.037, 20.347, -19.826
Binary	01011101, 00110011, 01101100

#5d336c
```
#5d336c rgb(93,51,108)
```
#426c33
```
#426c33 rgb(66,108,51)
```

Complementary Color

#41336c
```
#41336c rgb(65,51,108)
```
#5d336c
```
#5d336c rgb(93,51,108)
```
#6c335f
```
#6c335f rgb(108,51,95)
```

Analogous Color

#336c41
```
#336c41 rgb(51,108,65)
```
#5d336c
```
#5d336c rgb(93,51,108)
```
#5f6c33
```
#5f6c33 rgb(95,108,51)
```

Split Complementary Color

#336c5d
```
#336c5d rgb(51,108,93)
```
#5d336c
```
#5d336c rgb(93,51,108)
```
#6c5d33
```
#6c5d33 rgb(108,93,51)
```

Triadic Color

#33426c
```
#33426c rgb(51,66,108)
```
#5d336c
```
#5d336c rgb(93,51,108)
```
#6c5d33
```
#6c5d33 rgb(108,93,51)
```
#426c33
```
#426c33 rgb(66,108,51)
```

Tetradic Color

#301a38
```
#301a38 rgb(48,26,56)
```
#3f2349
```
#3f2349 rgb(63,35,73)
```
#4e2b5b
```
#4e2b5b rgb(78,43,91)
```
#5d336c
```
#5d336c rgb(93,51,108)
```
#6c3b7d
```
#6c3b7d rgb(108,59,125)
```
#7b438f
```
#7b438f rgb(123,67,143)
```
#8a4ca0
```
#8a4ca0 rgb(138,76,160)
```

Monochromatic Color

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

#4f336c
```
#4f336c rgb(79,51,108)
```
#54336c
```
#54336c rgb(84,51,108)
```
#58336c
```
#58336c rgb(88,51,108)
```
#5d336c
```
#5d336c rgb(93,51,108)
```
#62336c
```
#62336c rgb(98,51,108)
```
#67336c
```
#67336c rgb(103,51,108)
```
#6b336c
```
#6b336c rgb(107,51,108)
```

Similar Colors

Text with hexadecimal color #5d336c

This text has a font color of #5d336c.

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

#5d336c background color

This paragraph has a background color of #5d336c.

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

#5d336c border color

This element has a border color of #5d336c.

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

CSS codes

.text {color:#5d336c;}

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

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

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

#010101
```
#010101 rgb(1,1,1)
```
#0d070f
```
#0d070f rgb(13,7,15)
```
#180d1c
```
#180d1c rgb(24,13,28)
```
#241429
```
#241429 rgb(36,20,41)
```
#2f1a37
```
#2f1a37 rgb(47,26,55)
```
#3b2044
```
#3b2044 rgb(59,32,68)
```
#462651
```
#462651 rgb(70,38,81)
```
#522d5f
```
#522d5f rgb(82,45,95)
```
#5d336c
```
#5d336c rgb(93,51,108)
```
#683979
```
#683979 rgb(104,57,121)
```
#744087
```
#744087 rgb(116,64,135)
```
#7f4694
```
#7f4694 rgb(127,70,148)
```
#8b4ca1
```
#8b4ca1 rgb(139,76,161)
```

Shade Color Variation

#9653ae
```
#9653ae rgb(150,83,174)
```
#9e61b4
```
#9e61b4 rgb(158,97,180)
```
#a66eba
```
#a66eba rgb(166,110,186)
```
#ae7bc1
```
#ae7bc1 rgb(174,123,193)
```
#b788c7
```
#b788c7 rgb(183,136,199)
```
#bf96cd
```
#bf96cd rgb(191,150,205)
```
#c7a3d4
```
#c7a3d4 rgb(199,163,212)
```
#cfb0da
```
#cfb0da rgb(207,176,218)
```
#d7bee0
```
#d7bee0 rgb(215,190,224)
```
#dfcbe6
```
#dfcbe6 rgb(223,203,230)
```
#e7d8ed
```
#e7d8ed rgb(231,216,237)
```
#f0e6f3
```
#f0e6f3 rgb(240,230,243)
```
#f8f3f9
```
#f8f3f9 rgb(248,243,249)
```

Tint Color Variation

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

#514b54
```
#514b54 rgb(81,75,84)
```
#54455a
```
#54455a rgb(84,69,90)
```
#573f60
```
#573f60 rgb(87,63,96)
```
#5a3966
```
#5a3966 rgb(90,57,102)
```
#5d336c
```
#5d336c rgb(93,51,108)
```
#602d72
```
#602d72 rgb(96,45,114)
```
#632778
```
#632778 rgb(99,39,120)
```
#66217e
```
#66217e rgb(102,33,126)
```
#691b84
```
#691b84 rgb(105,27,132)
```
#6b148b
```
#6b148b rgb(107,20,139)
```
#6e0e91
```
#6e0e91 rgb(110,14,145)
```
#710897
```
#710897 rgb(113,8,151)
```
#74029d
```
#74029d rgb(116,2,157)
```

Tone Color Variation

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

#464646 Achromatopsia 0.005% of the population
#4b424e Atypical Achromatopsia 0.001% of the population

Dichromacy

#354c7e Protanopia 1% of men
#3e4d6e Deuteranopia 1% of men
#5e474c Tritanopia 0.001% of the population

Trichromacy

#434277 Protanomaly 1% of men, 0.01% of women
#49436d Deuteranomaly 6% of men, 0.4% of women
#5e4058 Tritanomaly 0.01% of the population

#5d336c hex color

#5d336c Color Information

#5d336c Color Conversion

Color Schemes with #5d336c

Alternatives to #5d336c

#5d336c Preview

Shades and Tints of #5d336c

Tones of #5d336c

Color Blindness Simulator