#5d3f77 hex color

In a RGB color space, hex #5d3f77 is composed of 36.5% red, 24.7% green and 46.7% blue. Whereas in a CMYK color space, it is composed of 21.8% cyan, 47.1% magenta, 0% yellow and 53.3% black. It has a hue angle of 272.1 degrees, a saturation of 30.8% and a lightness of 35.7%. #5d3f77 color hex could be obtained by blending #ba7eee with #000000. Closest websafe color is: #663366.

♥
- f
- t
- g
- R 36
- G 25
- B 47
RGB color chart
- C 22
- M 47
- Y 0
- K 53
CMYK color chart

● #5d3f77 color description : Dark moderate violet.

The hexadecimal color #5d3f77 has RGB values of R:93, G:63, B:119 and CMYK values of C:0.22, M:0.47, Y:0, K:0.53. Its decimal value is 6111095.

Hex triplet	5d3f77	`#5d3f77`
RGB Decimal	93, 63, 119	`rgb(93,63,119)`
RGB Percent	36.5, 24.7, 46.7	`rgb(36.5%,24.7%,46.7%)`
CMYK	22, 47, 0, 53
HSL	272.1°, 30.8, 35.7	`hsl(272.1,30.8%,35.7%)`
HSV (or HSB)	272.1°, 47.1, 46.7
Web Safe	663366	`#663366`

CIE-LAB	32.29, 24.877, -27.189
XYZ	9.621, 7.214, 18.337
xyY	0.274, 0.205, 7.214
CIE-LCH	32.29, 36.853, 312.457
CIE-LUV	32.29, 10.414, -38.911
Hunter-Lab	26.859, 16.935, -21.677
Binary	01011101, 00111111, 01110111

#5d3f77
```
#5d3f77 rgb(93,63,119)
```
#59773f
```
#59773f rgb(89,119,63)
```

Complementary Color

#413f77
```
#413f77 rgb(65,63,119)
```
#5d3f77
```
#5d3f77 rgb(93,63,119)
```
#773f75
```
#773f75 rgb(119,63,117)
```

Analogous Color

#3f7741
```
#3f7741 rgb(63,119,65)
```
#5d3f77
```
#5d3f77 rgb(93,63,119)
```
#75773f
```
#75773f rgb(117,119,63)
```

Split Complementary Color

#3f775d
```
#3f775d rgb(63,119,93)
```
#5d3f77
```
#5d3f77 rgb(93,63,119)
```
#775d3f
```
#775d3f rgb(119,93,63)
```

Triadic Color

#3f5977
```
#3f5977 rgb(63,89,119)
```
#5d3f77
```
#5d3f77 rgb(93,63,119)
```
#775d3f
```
#775d3f rgb(119,93,63)
```
#59773f
```
#59773f rgb(89,119,63)
```

Tetradic Color

#362545
```
#362545 rgb(54,37,69)
```
#432d56
```
#432d56 rgb(67,45,86)
```
#503666
```
#503666 rgb(80,54,102)
```
#5d3f77
```
#5d3f77 rgb(93,63,119)
```
#6a4888
```
#6a4888 rgb(106,72,136)
```
#775198
```
#775198 rgb(119,81,152)
```
#845ba8
```
#845ba8 rgb(132,91,168)
```

Monochromatic Color

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

#4f3f77
```
#4f3f77 rgb(79,63,119)
```
#543f77
```
#543f77 rgb(84,63,119)
```
#583f77
```
#583f77 rgb(88,63,119)
```
#5d3f77
```
#5d3f77 rgb(93,63,119)
```
#623f77
```
#623f77 rgb(98,63,119)
```
#663f77
```
#663f77 rgb(102,63,119)
```
#6b3f77
```
#6b3f77 rgb(107,63,119)
```

Similar Colors

Text with hexadecimal color #5d3f77

This text has a font color of #5d3f77.

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

#5d3f77 background color

This paragraph has a background color of #5d3f77.

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

#5d3f77 border color

This element has a border color of #5d3f77.

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

CSS codes

.text {color:#5d3f77;}

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

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

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

#030204
```
#030204 rgb(3,2,4)
```
#0d0910
```
#0d0910 rgb(13,9,16)
```
#170f1d
```
#170f1d rgb(23,15,29)
```
#21162a
```
#21162a rgb(33,22,42)
```
#2b1d37
```
#2b1d37 rgb(43,29,55)
```
#352444
```
#352444 rgb(53,36,68)
```
#3f2b51
```
#3f2b51 rgb(63,43,81)
```
#49315d
```
#49315d rgb(73,49,93)
```
#53386a
```
#53386a rgb(83,56,106)
```
#5d3f77
```
#5d3f77 rgb(93,63,119)
```
#674684
```
#674684 rgb(103,70,132)
```
#714d91
```
#714d91 rgb(113,77,145)
```
#7b539d
```
#7b539d rgb(123,83,157)
```

Shade Color Variation

#855ca9
```
#855ca9 rgb(133,92,169)
```
#8f69af
```
#8f69af rgb(143,105,175)
```
#9875b6
```
#9875b6 rgb(152,117,182)
```
#a282bd
```
#a282bd rgb(162,130,189)
```
#ab8fc4
```
#ab8fc4 rgb(171,143,196)
```
#b59ccb
```
#b59ccb rgb(181,156,203)
```
#bfa9d1
```
#bfa9d1 rgb(191,169,209)
```
#c8b6d8
```
#c8b6d8 rgb(200,182,216)
```
#d2c2df
```
#d2c2df rgb(210,194,223)
```
#dbcfe6
```
#dbcfe6 rgb(219,207,230)
```
#e5dced
```
#e5dced rgb(229,220,237)
```
#eee9f3
```
#eee9f3 rgb(238,233,243)
```
#f8f6fa
```
#f8f6fa rgb(248,246,250)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #5c5462 is the less saturated color, while #6200b6 is the most saturated one.

#5c5462
```
#5c5462 rgb(92,84,98)
```
#5c4d69
```
#5c4d69 rgb(92,77,105)
```
#5d4670
```
#5d4670 rgb(93,70,112)
```
#5d3f77
```
#5d3f77 rgb(93,63,119)
```
#5e387e
```
#5e387e rgb(94,56,126)
```
#5e3185
```
#5e3185 rgb(94,49,133)
```
#5f2a8c
```
#5f2a8c rgb(95,42,140)
```
#5f2393
```
#5f2393 rgb(95,35,147)
```
#601c9a
```
#601c9a rgb(96,28,154)
```
#6015a1
```
#6015a1 rgb(96,21,161)
```
#610ea8
```
#610ea8 rgb(97,14,168)
```
#6107af
```
#6107af rgb(97,7,175)
```
#6200b6
```
#6200b6 rgb(98,0,182)
```

Tone Color Variation

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

#4e4e4e Achromatopsia 0.005% of the population
#514b56 Atypical Achromatopsia 0.001% of the population

Dichromacy

#3e5386 Protanopia 1% of men
#43547a Deuteranopia 1% of men
#5d5257 Tritanopia 0.001% of the population

Trichromacy

#494c80 Protanomaly 1% of men, 0.01% of women
#4c4c78 Deuteranomaly 6% of men, 0.4% of women
#5d4b63 Tritanomaly 0.01% of the population

#5d3f77 hex color

#5d3f77 Color Information

#5d3f77 Color Conversion

Color Schemes with #5d3f77

Alternatives to #5d3f77

#5d3f77 Preview

Shades and Tints of #5d3f77

Tones of #5d3f77

Color Blindness Simulator