#5a4566 hex color

In a RGB color space, hex #5a4566 is composed of 35.3% red, 27.1% green and 40% blue. Whereas in a CMYK color space, it is composed of 11.8% cyan, 32.4% magenta, 0% yellow and 60% black. It has a hue angle of 278.2 degrees, a saturation of 19.3% and a lightness of 33.5%. #5a4566 color hex could be obtained by blending #b48acc with #000000. Closest websafe color is: #663366.

♥
- f
- t
- g
- R 35
- G 27
- B 40
RGB color chart
- C 12
- M 32
- Y 0
- K 60
CMYK color chart

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

The hexadecimal color #5a4566 has RGB values of R:90, G:69, B:102 and CMYK values of C:0.12, M:0.32, Y:0, K:0.6. Its decimal value is 5916006.

Hex triplet	5a4566	`#5a4566`
RGB Decimal	90, 69, 102	`rgb(90,69,102)`
RGB Percent	35.3, 27.1, 40	`rgb(35.3%,27.1%,40%)`
CMYK	12, 32, 0, 60
HSL	278.2°, 19.3, 33.5	`hsl(278.2,19.3%,33.5%)`
HSV (or HSB)	278.2°, 32.4, 40
Web Safe	663366	`#663366`

CIE-LAB	32.677, 15.886, -15.89
XYZ	8.742, 7.389, 13.535
xyY	0.295, 0.249, 7.389
CIE-LCH	32.677, 22.469, 314.994
CIE-LUV	32.677, 8.694, -22.589
Hunter-Lab	27.183, 9.837, -10.494
Binary	01011010, 01000101, 01100110

#5a4566
```
#5a4566 rgb(90,69,102)
```
#516645
```
#516645 rgb(81,102,69)
```

Complementary Color

#4a4566
```
#4a4566 rgb(74,69,102)
```
#5a4566
```
#5a4566 rgb(90,69,102)
```
#664562
```
#664562 rgb(102,69,98)
```

Analogous Color

#45664a
```
#45664a rgb(69,102,74)
```
#5a4566
```
#5a4566 rgb(90,69,102)
```
#626645
```
#626645 rgb(98,102,69)
```

Split Complementary Color

#45665a
```
#45665a rgb(69,102,90)
```
#5a4566
```
#5a4566 rgb(90,69,102)
```
#665a45
```
#665a45 rgb(102,90,69)
```

Triadic Color

#455166
```
#455166 rgb(69,81,102)
```
#5a4566
```
#5a4566 rgb(90,69,102)
```
#665a45
```
#665a45 rgb(102,90,69)
```
#516645
```
#516645 rgb(81,102,69)
```

Tetradic Color

#322638
```
#322638 rgb(50,38,56)
```
#3f3048
```
#3f3048 rgb(63,48,72)
```
#4d3b57
```
#4d3b57 rgb(77,59,87)
```
#5a4566
```
#5a4566 rgb(90,69,102)
```
#674f75
```
#674f75 rgb(103,79,117)
```
#755a84
```
#755a84 rgb(117,90,132)
```
#826494
```
#826494 rgb(130,100,148)
```

Monochromatic Color

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

#524566
```
#524566 rgb(82,69,102)
```
#554566
```
#554566 rgb(85,69,102)
```
#574566
```
#574566 rgb(87,69,102)
```
#5a4566
```
#5a4566 rgb(90,69,102)
```
#5d4566
```
#5d4566 rgb(93,69,102)
```
#604566
```
#604566 rgb(96,69,102)
```
#624566
```
#624566 rgb(98,69,102)
```

Similar Colors

Text with hexadecimal color #5a4566

This text has a font color of #5a4566.

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

#5a4566 background color

This paragraph has a background color of #5a4566.

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

#5a4566 border color

This element has a border color of #5a4566.

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

CSS codes

.text {color:#5a4566;}

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

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

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

#070608
```
#070608 rgb(7,6,8)
```
#120e14
```
#120e14 rgb(18,14,20)
```
#1c1620
```
#1c1620 rgb(28,22,32)
```
#261d2b
```
#261d2b rgb(38,29,43)
```
#312537
```
#312537 rgb(49,37,55)
```
#3b2d43
```
#3b2d43 rgb(59,45,67)
```
#45354f
```
#45354f rgb(69,53,79)
```
#503d5a
```
#503d5a rgb(80,61,90)
```
#5a4566
```
#5a4566 rgb(90,69,102)
```
#644d72
```
#644d72 rgb(100,77,114)
```
#6f557d
```
#6f557d rgb(111,85,125)
```
#795d89
```
#795d89 rgb(121,93,137)
```
#836595
```
#836595 rgb(131,101,149)
```

Shade Color Variation

#8d6f9e
```
#8d6f9e rgb(141,111,158)
```
#967ba6
```
#967ba6 rgb(150,123,166)
```
#9f87ae
```
#9f87ae rgb(159,135,174)
```
#a992b6
```
#a992b6 rgb(169,146,182)
```
#b29ebd
```
#b29ebd rgb(178,158,189)
```
#bbaac5
```
#bbaac5 rgb(187,170,197)
```
#c5b5cd
```
#c5b5cd rgb(197,181,205)
```
#cec1d5
```
#cec1d5 rgb(206,193,213)
```
#d7cddd
```
#d7cddd rgb(215,205,221)
```
#e1d9e5
```
#e1d9e5 rgb(225,217,229)
```
#eae4ed
```
#eae4ed rgb(234,228,237)
```
#f3f0f5
```
#f3f0f5 rgb(243,240,245)
```
#fcfcfd
```
#fcfcfd rgb(252,252,253)
```

Tint Color Variation

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

#565259
```
#565259 rgb(86,82,89)
```
#584c5f
```
#584c5f rgb(88,76,95)
```
#5a4566
```
#5a4566 rgb(90,69,102)
```
#5c3e6d
```
#5c3e6d rgb(92,62,109)
```
#5e3873
```
#5e3873 rgb(94,56,115)
```
#5f317a
```
#5f317a rgb(95,49,122)
```
#612b80
```
#612b80 rgb(97,43,128)
```
#632487
```
#632487 rgb(99,36,135)
```
#651e8d
```
#651e8d rgb(101,30,141)
```
#671794
```
#671794 rgb(103,23,148)
```
#68109b
```
#68109b rgb(104,16,155)
```
#6a0aa1
```
#6a0aa1 rgb(106,10,161)
```
#6c03a8
```
#6c03a8 rgb(108,3,168)
```

Tone Color Variation

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

Dichromacy

#4d5572 Protanopia 1% of men
#51546b Deuteranopia 1% of men
#5e5358 Tritanopia 0.001% of the population

Trichromacy

#514f6d Protanomaly 1% of men, 0.01% of women
#544f69 Deuteranomaly 6% of men, 0.4% of women
#5d4d5d Tritanomaly 0.01% of the population

#5a4566 hex color

#5a4566 Color Information

#5a4566 Color Conversion

Color Schemes with #5a4566

Alternatives to #5a4566

#5a4566 Preview

Shades and Tints of #5a4566

Tones of #5a4566

Color Blindness Simulator