#5a4564 hex color

In a RGB color space, hex #5a4564 is composed of 35.3% red, 27.1% green and 39.2% blue. Whereas in a CMYK color space, it is composed of 10% cyan, 31% magenta, 0% yellow and 60.8% black. It has a hue angle of 280.6 degrees, a saturation of 18.3% and a lightness of 33.1%. #5a4564 color hex could be obtained by blending #b48ac8 with #000000. Closest websafe color is: #663366.

♥
- f
- t
- g
- R 35
- G 27
- B 39
RGB color chart
- C 10
- M 31
- Y 0
- K 61
CMYK color chart

● #5a4564 color description : Very dark grayish violet.

The hexadecimal color #5a4564 has RGB values of R:90, G:69, B:100 and CMYK values of C:0.1, M:0.31, Y:0, K:0.61. Its decimal value is 5916004.

Hex triplet	5a4564	`#5a4564`
RGB Decimal	90, 69, 100	`rgb(90,69,100)`
RGB Percent	35.3, 27.1, 39.2	`rgb(35.3%,27.1%,39.2%)`
CMYK	10, 31, 0, 61
HSL	280.6°, 18.3, 33.1	`hsl(280.6,18.3%,33.1%)`
HSV (or HSB)	280.6°, 31, 39.2
Web Safe	663366	`#663366`

CIE-LAB	32.591, 15.411, -14.753
XYZ	8.644, 7.35, 13.019
xyY	0.298, 0.253, 7.35
CIE-LCH	32.591, 21.334, 316.25
CIE-LUV	32.591, 8.928, -20.988
Hunter-Lab	27.111, 9.471, -9.494
Binary	01011010, 01000101, 01100100

#5a4564
```
#5a4564 rgb(90,69,100)
```
#4f6445
```
#4f6445 rgb(79,100,69)
```

Complementary Color

#4b4564
```
#4b4564 rgb(75,69,100)
```
#5a4564
```
#5a4564 rgb(90,69,100)
```
#64455f
```
#64455f rgb(100,69,95)
```

Analogous Color

#45644b
```
#45644b rgb(69,100,75)
```
#5a4564
```
#5a4564 rgb(90,69,100)
```
#5f6445
```
#5f6445 rgb(95,100,69)
```

Split Complementary Color

#45645a
```
#45645a rgb(69,100,90)
```
#5a4564
```
#5a4564 rgb(90,69,100)
```
#645a45
```
#645a45 rgb(100,90,69)
```

Triadic Color

#454f64
```
#454f64 rgb(69,79,100)
```
#5a4564
```
#5a4564 rgb(90,69,100)
```
#645a45
```
#645a45 rgb(100,90,69)
```
#4f6445
```
#4f6445 rgb(79,100,69)
```

Tetradic Color

#312637
```
#312637 rgb(49,38,55)
```
#3f3046
```
#3f3046 rgb(63,48,70)
```
#4c3b55
```
#4c3b55 rgb(76,59,85)
```
#5a4564
```
#5a4564 rgb(90,69,100)
```
#684f73
```
#684f73 rgb(104,79,115)
```
#755a82
```
#755a82 rgb(117,90,130)
```
#836491
```
#836491 rgb(131,100,145)
```

Monochromatic Color

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

#524564
```
#524564 rgb(82,69,100)
```
#554564
```
#554564 rgb(85,69,100)
```
#574564
```
#574564 rgb(87,69,100)
```
#5a4564
```
#5a4564 rgb(90,69,100)
```
#5d4564
```
#5d4564 rgb(93,69,100)
```
#5f4564
```
#5f4564 rgb(95,69,100)
```
#624564
```
#624564 rgb(98,69,100)
```

Similar Colors

Text with hexadecimal color #5a4564

This text has a font color of #5a4564.

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

#5a4564 background color

This paragraph has a background color of #5a4564.

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

#5a4564 border color

This element has a border color of #5a4564.

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

CSS codes

.text {color:#5a4564;}

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

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

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

#060507
```
#060507 rgb(6,5,7)
```
#110d13
```
#110d13 rgb(17,13,19)
```
#1b151e
```
#1b151e rgb(27,21,30)
```
#261d2a
```
#261d2a rgb(38,29,42)
```
#302536
```
#302536 rgb(48,37,54)
```
#3b2d41
```
#3b2d41 rgb(59,45,65)
```
#45354d
```
#45354d rgb(69,53,77)
```
#503d58
```
#503d58 rgb(80,61,88)
```
#5a4564
```
#5a4564 rgb(90,69,100)
```
#644d70
```
#644d70 rgb(100,77,112)
```
#6f557b
```
#6f557b rgb(111,85,123)
```
#795d87
```
#795d87 rgb(121,93,135)
```
#846592
```
#846592 rgb(132,101,146)
```

Shade Color Variation

#8d6f9c
```
#8d6f9c rgb(141,111,156)
```
#977ba4
```
#977ba4 rgb(151,123,164)
```
#a086ac
```
#a086ac rgb(160,134,172)
```
#a992b4
```
#a992b4 rgb(169,146,180)
```
#b29ebc
```
#b29ebc rgb(178,158,188)
```
#bba9c4
```
#bba9c4 rgb(187,169,196)
```
#c4b5cc
```
#c4b5cc rgb(196,181,204)
```
#cec1d4
```
#cec1d4 rgb(206,193,212)
```
#d7ccdc
```
#d7ccdc rgb(215,204,220)
```
#e0d8e4
```
#e0d8e4 rgb(224,216,228)
```
#e9e3ec
```
#e9e3ec rgb(233,227,236)
```
#f2eff4
```
#f2eff4 rgb(242,239,244)
```
#fbfbfc
```
#fbfbfc rgb(251,251,252)
```

Tint Color Variation

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

#555257
```
#555257 rgb(85,82,87)
```
#584c5e
```
#584c5e rgb(88,76,94)
```
#5a4564
```
#5a4564 rgb(90,69,100)
```
#5c3f6b
```
#5c3f6b rgb(92,63,107)
```
#5f3871
```
#5f3871 rgb(95,56,113)
```
#613278
```
#613278 rgb(97,50,120)
```
#632b7e
```
#632b7e rgb(99,43,126)
```
#662585
```
#662585 rgb(102,37,133)
```
#681e8b
```
#681e8b rgb(104,30,139)
```
#6a1892
```
#6a1892 rgb(106,24,146)
```
#6c1198
```
#6c1198 rgb(108,17,152)
```
#6f0b9f
```
#6f0b9f rgb(111,11,159)
```
#7104a5
```
#7104a5 rgb(113,4,165)
```

Tone Color Variation

Below, you can see how #5a4564 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
#514d53 Atypical Achromatopsia 0.001% of the population

Dichromacy

#4d5470 Protanopia 1% of men
#52546a Deuteranopia 1% of men
#5f5258 Tritanopia 0.001% of the population

Trichromacy

#524f6b Protanomaly 1% of men, 0.01% of women
#554e67 Deuteranomaly 6% of men, 0.4% of women
#5d4d5c Tritanomaly 0.01% of the population

#5a4564 hex color

#5a4564 Color Information

#5a4564 Color Conversion

Color Schemes with #5a4564

Alternatives to #5a4564

#5a4564 Preview

Shades and Tints of #5a4564

Tones of #5a4564

Color Blindness Simulator