#5d4677 hex color

In a RGB color space, hex #5d4677 is composed of 36.5% red, 27.5% green and 46.7% blue. Whereas in a CMYK color space, it is composed of 21.8% cyan, 41.2% magenta, 0% yellow and 53.3% black. It has a hue angle of 268.2 degrees, a saturation of 25.9% and a lightness of 37.1%. #5d4677 color hex could be obtained by blending #ba8cee with #000000. Closest websafe color is: #663366.

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

● #5d4677 color description : Mostly desaturated dark violet.

The hexadecimal color #5d4677 has RGB values of R:93, G:70, B:119 and CMYK values of C:0.22, M:0.41, Y:0, K:0.53. Its decimal value is 6112887.

Hex triplet	5d4677	`#5d4677`
RGB Decimal	93, 70, 119	`rgb(93,70,119)`
RGB Percent	36.5, 27.5, 46.7	`rgb(36.5%,27.5%,46.7%)`
CMYK	22, 41, 0, 53
HSL	268.2°, 25.9, 37.1	`hsl(268.2,25.9%,37.1%)`
HSV (or HSB)	268.2°, 41.2, 46.7
Web Safe	663366	`#663366`

CIE-LAB	34.065, 20.51, -24.404
XYZ	10.034, 8.039, 18.475
xyY	0.275, 0.22, 8.039
CIE-LCH	34.065, 31.878, 310.044
CIE-LUV	34.065, 7.917, -35.177
Hunter-Lab	28.354, 13.546, -18.785
Binary	01011101, 01000110, 01110111

#5d4677
```
#5d4677 rgb(93,70,119)
```
#607746
```
#607746 rgb(96,119,70)
```

Complementary Color

#464877
```
#464877 rgb(70,72,119)
```
#5d4677
```
#5d4677 rgb(93,70,119)
```
#764677
```
#764677 rgb(118,70,119)
```

Analogous Color

#487746
```
#487746 rgb(72,119,70)
```
#5d4677
```
#5d4677 rgb(93,70,119)
```
#777646
```
#777646 rgb(119,118,70)
```

Split Complementary Color

#46775d
```
#46775d rgb(70,119,93)
```
#5d4677
```
#5d4677 rgb(93,70,119)
```
#775d46
```
#775d46 rgb(119,93,70)
```

Triadic Color

#466077
```
#466077 rgb(70,96,119)
```
#5d4677
```
#5d4677 rgb(93,70,119)
```
#775d46
```
#775d46 rgb(119,93,70)
```
#607746
```
#607746 rgb(96,119,70)
```

Tetradic Color

#372a47
```
#372a47 rgb(55,42,71)
```
#443357
```
#443357 rgb(68,51,87)
```
#503d67
```
#503d67 rgb(80,61,103)
```
#5d4677
```
#5d4677 rgb(93,70,119)
```
#6a4f87
```
#6a4f87 rgb(106,79,135)
```
#765997
```
#765997 rgb(118,89,151)
```
#8365a4
```
#8365a4 rgb(131,101,164)
```

Monochromatic Color

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

#514677
```
#514677 rgb(81,70,119)
```
#554677
```
#554677 rgb(85,70,119)
```
#594677
```
#594677 rgb(89,70,119)
```
#5d4677
```
#5d4677 rgb(93,70,119)
```
#614677
```
#614677 rgb(97,70,119)
```
#654677
```
#654677 rgb(101,70,119)
```
#694677
```
#694677 rgb(105,70,119)
```

Similar Colors

Text with hexadecimal color #5d4677

This text has a font color of #5d4677.

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

#5d4677 background color

This paragraph has a background color of #5d4677.

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

#5d4677 border color

This element has a border color of #5d4677.

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

CSS codes

.text {color:#5d4677;}

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

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

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

#060508
```
#060508 rgb(6,5,8)
```
#100c14
```
#100c14 rgb(16,12,20)
```
#191321
```
#191321 rgb(25,19,33)
```
#231a2d
```
#231a2d rgb(35,26,45)
```
#2d2239
```
#2d2239 rgb(45,34,57)
```
#362946
```
#362946 rgb(54,41,70)
```
#403052
```
#403052 rgb(64,48,82)
```
#4a375e
```
#4a375e rgb(74,55,94)
```
#533f6b
```
#533f6b rgb(83,63,107)
```
#5d4677
```
#5d4677 rgb(93,70,119)
```
#674d83
```
#674d83 rgb(103,77,131)
```
#705590
```
#705590 rgb(112,85,144)
```
#7a5c9c
```
#7a5c9c rgb(122,92,156)
```

Shade Color Variation

#8466a5
```
#8466a5 rgb(132,102,165)
```
#8e73ac
```
#8e73ac rgb(142,115,172)
```
#987fb4
```
#987fb4 rgb(152,127,180)
```
#a28bbb
```
#a28bbb rgb(162,139,187)
```
#ac98c2
```
#ac98c2 rgb(172,152,194)
```
#b6a4c9
```
#b6a4c9 rgb(182,164,201)
```
#c0b0d1
```
#c0b0d1 rgb(192,176,209)
```
#cabdd8
```
#cabdd8 rgb(202,189,216)
```
#d4c9df
```
#d4c9df rgb(212,201,223)
```
#ddd5e7
```
#ddd5e7 rgb(221,213,231)
```
#e7e2ee
```
#e7e2ee rgb(231,226,238)
```
#f1eef5
```
#f1eef5 rgb(241,238,245)
```
#fbfafc
```
#fbfafc rgb(251,250,252)
```

Tint Color Variation

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

#5e5c61
```
#5e5c61 rgb(94,92,97)
```
#5e5568
```
#5e5568 rgb(94,85,104)
```
#5d4d70
```
#5d4d70 rgb(93,77,112)
```
#5d4677
```
#5d4677 rgb(93,70,119)
```
#5d3f7e
```
#5d3f7e rgb(93,63,126)
```
#5c3786
```
#5c3786 rgb(92,55,134)
```
#5c308d
```
#5c308d rgb(92,48,141)
```
#5b2994
```
#5b2994 rgb(91,41,148)
```
#5b229b
```
#5b229b rgb(91,34,155)
```
#5a1aa3
```
#5a1aa3 rgb(90,26,163)
```
#5a13aa
```
#5a13aa rgb(90,19,170)
```
#590cb1
```
#590cb1 rgb(89,12,177)
```
#5905b8
```
#5905b8 rgb(89,5,184)
```

Tone Color Variation

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

#525252 Achromatopsia 0.005% of the population
#545059 Atypical Achromatopsia 0.001% of the population

Dichromacy

#485784 Protanopia 1% of men
#4b587b Deuteranopia 1% of men
#5e575d Tritanopia 0.001% of the population

Trichromacy

#4f517f Protanomaly 1% of men, 0.01% of women
#515179 Deuteranomaly 6% of men, 0.4% of women
#5e5066 Tritanomaly 0.01% of the population

#5d4677 hex color

#5d4677 Color Information

#5d4677 Color Conversion

Color Schemes with #5d4677

Alternatives to #5d4677

#5d4677 Preview

Shades and Tints of #5d4677

Tones of #5d4677

Color Blindness Simulator