#5a4e48 hex color

In a RGB color space, hex #5a4e48 is composed of 35.3% red, 30.6% green and 28.2% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 13.3% magenta, 20% yellow and 64.7% black. It has a hue angle of 20 degrees, a saturation of 11.1% and a lightness of 31.8%. #5a4e48 color hex could be obtained by blending #b49c90 with #000000. Closest websafe color is: #666633.

♥
- f
- t
- g
- R 35
- G 31
- B 28
RGB color chart
- C 0
- M 13
- Y 20
- K 65
CMYK color chart

● #5a4e48 color description : Very dark grayish orange.

The hexadecimal color #5a4e48 has RGB values of R:90, G:78, B:72 and CMYK values of C:0, M:0.13, Y:0.2, K:0.65. Its decimal value is 5918280.

Hex triplet	5a4e48	`#5a4e48`
RGB Decimal	90, 78, 72	`rgb(90,78,72)`
RGB Percent	35.3, 30.6, 28.2	`rgb(35.3%,30.6%,28.2%)`
CMYK	0, 13, 20, 65
HSL	20°, 11.1, 31.8	`hsl(20,11.1%,31.8%)`
HSV (or HSB)	20°, 20, 35.3
Web Safe	666633	`#666633`

CIE-LAB	34.171, 3.873, 5.382
XYZ	8.11, 8.09, 7.265
xyY	0.346, 0.345, 8.09
CIE-LCH	34.171, 6.631, 54.261
CIE-LUV	34.171, 7.388, 5.793
Hunter-Lab	28.444, 1.12, 4.767
Binary	01011010, 01001110, 01001000

#5a4e48
```
#5a4e48 rgb(90,78,72)
```
#48545a
```
#48545a rgb(72,84,90)
```

Complementary Color

#5a484b
```
#5a484b rgb(90,72,75)
```
#5a4e48
```
#5a4e48 rgb(90,78,72)
```
#5a5748
```
#5a5748 rgb(90,87,72)
```

Analogous Color

#484b5a
```
#484b5a rgb(72,75,90)
```
#5a4e48
```
#5a4e48 rgb(90,78,72)
```
#485a57
```
#485a57 rgb(72,90,87)
```

Split Complementary Color

#4e485a
```
#4e485a rgb(78,72,90)
```
#5a4e48
```
#5a4e48 rgb(90,78,72)
```
#485a4e
```
#485a4e rgb(72,90,78)
```

Triadic Color

#5a4854
```
#5a4854 rgb(90,72,84)
```
#5a4e48
```
#5a4e48 rgb(90,78,72)
```
#485a4e
```
#485a4e rgb(72,90,78)
```
#48545a
```
#48545a rgb(72,84,90)
```

Tetradic Color

#302926
```
#302926 rgb(48,41,38)
```
#3e3531
```
#3e3531 rgb(62,53,49)
```
#4c423d
```
#4c423d rgb(76,66,61)
```
#5a4e48
```
#5a4e48 rgb(90,78,72)
```
#685a53
```
#685a53 rgb(104,90,83)
```
#76675f
```
#76675f rgb(118,103,95)
```
#85736a
```
#85736a rgb(133,115,106)
```

Monochromatic Color

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

#5a4a48
```
#5a4a48 rgb(90,74,72)
```
#5a4b48
```
#5a4b48 rgb(90,75,72)
```
#5a4d48
```
#5a4d48 rgb(90,77,72)
```
#5a4e48
```
#5a4e48 rgb(90,78,72)
```
#5a5048
```
#5a5048 rgb(90,80,72)
```
#5a5148
```
#5a5148 rgb(90,81,72)
```
#5a5348
```
#5a5348 rgb(90,83,72)
```

Similar Colors

Text with hexadecimal color #5a4e48

This text has a font color of #5a4e48.

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

#5a4e48 background color

This paragraph has a background color of #5a4e48.

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

#5a4e48 border color

This element has a border color of #5a4e48.

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

CSS codes

.text {color:#5a4e48;}

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

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

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

#030202
```
#030202 rgb(3,2,2)
```
#0e0c0b
```
#0e0c0b rgb(14,12,11)
```
#191514
```
#191514 rgb(25,21,20)
```
#241f1c
```
#241f1c rgb(36,31,28)
```
#2e2825
```
#2e2825 rgb(46,40,37)
```
#39322e
```
#39322e rgb(57,50,46)
```
#443b37
```
#443b37 rgb(68,59,55)
```
#4f453f
```
#4f453f rgb(79,69,63)
```
#5a4e48
```
#5a4e48 rgb(90,78,72)
```
#655751
```
#655751 rgb(101,87,81)
```
#706159
```
#706159 rgb(112,97,89)
```
#7b6a62
```
#7b6a62 rgb(123,106,98)
```
#86746b
```
#86746b rgb(134,116,107)
```

Shade Color Variation

#907d74
```
#907d74 rgb(144,125,116)
```
#99887f
```
#99887f rgb(153,136,127)
```
#a1928a
```
#a1928a rgb(161,146,138)
```
#aa9c95
```
#aa9c95 rgb(170,156,149)
```
#b3a6a0
```
#b3a6a0 rgb(179,166,160)
```
#bcb0ab
```
#bcb0ab rgb(188,176,171)
```
#c4bab6
```
#c4bab6 rgb(196,186,182)
```
#cdc5c0
```
#cdc5c0 rgb(205,197,192)
```
#d6cfcb
```
#d6cfcb rgb(214,207,203)
```
#ded9d6
```
#ded9d6 rgb(222,217,214)
```
#e7e3e1
```
#e7e3e1 rgb(231,227,225)
```
#f0edec
```
#f0edec rgb(240,237,236)
```
#f9f7f7
```
#f9f7f7 rgb(249,247,247)
```

Tint Color Variation

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

#54504e
```
#54504e rgb(84,80,78)
```
#5a4e48
```
#5a4e48 rgb(90,78,72)
```
#604c42
```
#604c42 rgb(96,76,66)
```
#664a3c
```
#664a3c rgb(102,74,60)
```
#6d4835
```
#6d4835 rgb(109,72,53)
```
#73462f
```
#73462f rgb(115,70,47)
```
#794429
```
#794429 rgb(121,68,41)
```
#7f4223
```
#7f4223 rgb(127,66,35)
```
#863f1c
```
#863f1c rgb(134,63,28)
```
#8c3d16
```
#8c3d16 rgb(140,61,22)
```
#923b10
```
#923b10 rgb(146,59,16)
```
#98390a
```
#98390a rgb(152,57,10)
```
#9f3703
```
#9f3703 rgb(159,55,3)
```

Tone Color Variation

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

#515151 Achromatopsia 0.005% of the population
#53504f Atypical Achromatopsia 0.001% of the population

Dichromacy

#5c5952 Protanopia 1% of men
#645651 Deuteranopia 1% of men
#64555b Tritanopia 0.001% of the population

Trichromacy

#5b554e Protanomaly 1% of men, 0.01% of women
#60534e Deuteranomaly 6% of men, 0.4% of women
#605254 Tritanomaly 0.01% of the population

#5a4e48 hex color

#5a4e48 Color Information

#5a4e48 Color Conversion

Color Schemes with #5a4e48

Alternatives to #5a4e48

#5a4e48 Preview

Shades and Tints of #5a4e48

Tones of #5a4e48

Color Blindness Simulator