#5a4557 hex color

In a RGB color space, hex #5a4557 is composed of 35.3% red, 27.1% green and 34.1% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 23.3% magenta, 3.3% yellow and 64.7% black. It has a hue angle of 308.6 degrees, a saturation of 13.2% and a lightness of 31.2%. #5a4557 color hex could be obtained by blending #b48aae with #000000. Closest websafe color is: #663366.

♥
- f
- t
- g
- R 35
- G 27
- B 34
RGB color chart
- C 0
- M 23
- Y 3
- K 65
CMYK color chart

● #5a4557 color description : Very dark grayish magenta.

The hexadecimal color #5a4557 has RGB values of R:90, G:69, B:87 and CMYK values of C:0, M:0.23, Y:0.03, K:0.65. Its decimal value is 5915991.

Hex triplet	5a4557	`#5a4557`
RGB Decimal	90, 69, 87	`rgb(90,69,87)`
RGB Percent	35.3, 27.1, 34.1	`rgb(35.3%,27.1%,34.1%)`
CMYK	0, 23, 3, 65
HSL	308.6°, 13.2, 31.2	`hsl(308.6,13.2%,31.2%)`
HSV (or HSB)	308.6°, 23.3, 35.3
Web Safe	663366	`#663366`

CIE-LAB	32.075, 12.494, -7.244
XYZ	8.065, 7.118, 9.965
xyY	0.321, 0.283, 7.118
CIE-LCH	32.075, 14.442, 329.894
CIE-LUV	32.075, 10.442, -10.718
Hunter-Lab	26.68, 7.266, -3.47
Binary	01011010, 01000101, 01010111

#5a4557
```
#5a4557 rgb(90,69,87)
```
#455a48
```
#455a48 rgb(69,90,72)
```

Complementary Color

#53455a
```
#53455a rgb(83,69,90)
```
#5a4557
```
#5a4557 rgb(90,69,87)
```
#5a454d
```
#5a454d rgb(90,69,77)
```

Analogous Color

#455a53
```
#455a53 rgb(69,90,83)
```
#5a4557
```
#5a4557 rgb(90,69,87)
```
#4d5a45
```
#4d5a45 rgb(77,90,69)
```

Split Complementary Color

#45575a
```
#45575a rgb(69,87,90)
```
#5a4557
```
#5a4557 rgb(90,69,87)
```
#575a45
```
#575a45 rgb(87,90,69)
```

Triadic Color

#48455a
```
#48455a rgb(72,69,90)
```
#5a4557
```
#5a4557 rgb(90,69,87)
```
#575a45
```
#575a45 rgb(87,90,69)
```
#455a48
```
#455a48 rgb(69,90,72)
```

Tetradic Color

#2f242d
```
#2f242d rgb(47,36,45)
```
#3d2f3b
```
#3d2f3b rgb(61,47,59)
```
#4c3a49
```
#4c3a49 rgb(76,58,73)
```
#5a4557
```
#5a4557 rgb(90,69,87)
```
#685065
```
#685065 rgb(104,80,101)
```
#775b73
```
#775b73 rgb(119,91,115)
```
#856681
```
#856681 rgb(133,102,129)
```

Monochromatic Color

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

#58455a
```
#58455a rgb(88,69,90)
```
#5a455a
```
#5a455a rgb(90,69,90)
```
#5a4559
```
#5a4559 rgb(90,69,89)
```
#5a4557
```
#5a4557 rgb(90,69,87)
```
#5a4555
```
#5a4555 rgb(90,69,85)
```
#5a4554
```
#5a4554 rgb(90,69,84)
```
#5a4552
```
#5a4552 rgb(90,69,82)
```

Similar Colors

Text with hexadecimal color #5a4557

This text has a font color of #5a4557.

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

#5a4557 background color

This paragraph has a background color of #5a4557.

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

#5a4557 border color

This element has a border color of #5a4557.

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

CSS codes

.text {color:#5a4557;}

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

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

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 #f7f5f7 is the lightest one.

#010101
```
#010101 rgb(1,1,1)
```
#0c090c
```
#0c090c rgb(12,9,12)
```
#171217
```
#171217 rgb(23,18,23)
```
#221a21
```
#221a21 rgb(34,26,33)
```
#2e232c
```
#2e232c rgb(46,35,44)
```
#392b37
```
#392b37 rgb(57,43,55)
```
#443442
```
#443442 rgb(68,52,66)
```
#4f3c4c
```
#4f3c4c rgb(79,60,76)
```
#5a4557
```
#5a4557 rgb(90,69,87)
```
#654e62
```
#654e62 rgb(101,78,98)
```
#70566c
```
#70566c rgb(112,86,108)
```
#7b5f77
```
#7b5f77 rgb(123,95,119)
```
#866782
```
#866782 rgb(134,103,130)
```

Shade Color Variation

#91708c
```
#91708c rgb(145,112,140)
```
#9a7b95
```
#9a7b95 rgb(154,123,149)
```
#a2869e
```
#a2869e rgb(162,134,158)
```
#ab91a7
```
#ab91a7 rgb(171,145,167)
```
#b39cb0
```
#b39cb0 rgb(179,156,176)
```
#bca7b9
```
#bca7b9 rgb(188,167,185)
```
#c4b2c2
```
#c4b2c2 rgb(196,178,194)
```
#cdbecb
```
#cdbecb rgb(205,190,203)
```
#d5c9d4
```
#d5c9d4 rgb(213,201,212)
```
#ded4dc
```
#ded4dc rgb(222,212,220)
```
#e6dfe5
```
#e6dfe5 rgb(230,223,229)
```
#efeaee
```
#efeaee rgb(239,234,238)
```
#f7f5f7
```
#f7f5f7 rgb(247,245,247)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #544b53 is the less saturated color, while #9d0287 is the most saturated one.

#544b53
```
#544b53 rgb(84,75,83)
```
#5a4557
```
#5a4557 rgb(90,69,87)
```
#603f5b
```
#603f5b rgb(96,63,91)
```
#663960
```
#663960 rgb(102,57,96)
```
#6c3364
```
#6c3364 rgb(108,51,100)
```
#722d68
```
#722d68 rgb(114,45,104)
```
#79266d
```
#79266d rgb(121,38,109)
```
#7f2071
```
#7f2071 rgb(127,32,113)
```
#851a76
```
#851a76 rgb(133,26,118)
```
#8b147a
```
#8b147a rgb(139,20,122)
```
#910e7e
```
#910e7e rgb(145,14,126)
```
#970883
```
#970883 rgb(151,8,131)
```
#9d0287
```
#9d0287 rgb(157,2,135)
```

Tone Color Variation

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

#4d4d4d Achromatopsia 0.005% of the population
#504b4f Atypical Achromatopsia 0.001% of the population

Dichromacy

#515462 Protanopia 1% of men
#57525e Deuteranopia 1% of men
#615056 Tritanopia 0.001% of the population

Trichromacy

#544e5e Protanomaly 1% of men, 0.01% of women
#584d5b Deuteranomaly 6% of men, 0.4% of women
#5e4c56 Tritanomaly 0.01% of the population

#5a4557 hex color

#5a4557 Color Information

#5a4557 Color Conversion

Color Schemes with #5a4557

Alternatives to #5a4557

#5a4557 Preview

Shades and Tints of #5a4557

Tones of #5a4557

Color Blindness Simulator