#5a4d48 hex color

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

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

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

The hexadecimal color #5a4d48 has RGB values of R:90, G:77, B:72 and CMYK values of C:0, M:0.14, Y:0.2, K:0.65. Its decimal value is 5918024.

Hex triplet	5a4d48	`#5a4d48`
RGB Decimal	90, 77, 72	`rgb(90,77,72)`
RGB Percent	35.3, 30.2, 28.2	`rgb(35.3%,30.2%,28.2%)`
CMYK	0, 14, 20, 65
HSL	16.7°, 11.1, 31.8	`hsl(16.7,11.1%,31.8%)`
HSV (or HSB)	16.7°, 20, 35.3
Web Safe	666633	`#666633`

CIE-LAB	33.877, 4.497, 4.965
XYZ	8.04, 7.949, 7.241
xyY	0.346, 0.342, 7.949
CIE-LCH	33.877, 6.699, 47.827
CIE-LUV	33.877, 7.922, 5.203
Hunter-Lab	28.195, 1.559, 4.509
Binary	01011010, 01001101, 01001000

#5a4d48
```
#5a4d48 rgb(90,77,72)
```
#48555a
```
#48555a rgb(72,85,90)
```

Complementary Color

#5a484c
```
#5a484c rgb(90,72,76)
```
#5a4d48
```
#5a4d48 rgb(90,77,72)
```
#5a5648
```
#5a5648 rgb(90,86,72)
```

Analogous Color

#484c5a
```
#484c5a rgb(72,76,90)
```
#5a4d48
```
#5a4d48 rgb(90,77,72)
```
#485a56
```
#485a56 rgb(72,90,86)
```

Split Complementary Color

#4d485a
```
#4d485a rgb(77,72,90)
```
#5a4d48
```
#5a4d48 rgb(90,77,72)
```
#485a4d
```
#485a4d rgb(72,90,77)
```

Triadic Color

#5a4855
```
#5a4855 rgb(90,72,85)
```
#5a4d48
```
#5a4d48 rgb(90,77,72)
```
#485a4d
```
#485a4d rgb(72,90,77)
```
#48555a
```
#48555a rgb(72,85,90)
```

Tetradic Color

#302926
```
#302926 rgb(48,41,38)
```
#3e3531
```
#3e3531 rgb(62,53,49)
```
#4c413d
```
#4c413d rgb(76,65,61)
```
#5a4d48
```
#5a4d48 rgb(90,77,72)
```
#685953
```
#685953 rgb(104,89,83)
```
#76655f
```
#76655f rgb(118,101,95)
```
#85716a
```
#85716a rgb(133,113,106)
```

Monochromatic Color

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

#5a4948
```
#5a4948 rgb(90,73,72)
```
#5a4a48
```
#5a4a48 rgb(90,74,72)
```
#5a4c48
```
#5a4c48 rgb(90,76,72)
```
#5a4d48
```
#5a4d48 rgb(90,77,72)
```
#5a4f48
```
#5a4f48 rgb(90,79,72)
```
#5a5048
```
#5a5048 rgb(90,80,72)
```
#5a5248
```
#5a5248 rgb(90,82,72)
```

Similar Colors

Text with hexadecimal color #5a4d48

This text has a font color of #5a4d48.

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

#5a4d48 background color

This paragraph has a background color of #5a4d48.

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

#5a4d48 border color

This element has a border color of #5a4d48.

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

CSS codes

.text {color:#5a4d48;}

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

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

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)
```
#241e1c
```
#241e1c rgb(36,30,28)
```
#2e2825
```
#2e2825 rgb(46,40,37)
```
#39312e
```
#39312e rgb(57,49,46)
```
#443a37
```
#443a37 rgb(68,58,55)
```
#4f443f
```
#4f443f rgb(79,68,63)
```
#5a4d48
```
#5a4d48 rgb(90,77,72)
```
#655651
```
#655651 rgb(101,86,81)
```
#706059
```
#706059 rgb(112,96,89)
```
#7b6962
```
#7b6962 rgb(123,105,98)
```
#86726b
```
#86726b rgb(134,114,107)
```

Shade Color Variation

#907c74
```
#907c74 rgb(144,124,116)
```
#99867f
```
#99867f rgb(153,134,127)
```
#a1908a
```
#a1908a rgb(161,144,138)
```
#aa9b95
```
#aa9b95 rgb(170,155,149)
```
#b3a5a0
```
#b3a5a0 rgb(179,165,160)
```
#bcafab
```
#bcafab rgb(188,175,171)
```
#c4bab6
```
#c4bab6 rgb(196,186,182)
```
#cdc4c0
```
#cdc4c0 rgb(205,196,192)
```
#d6cecb
```
#d6cecb rgb(214,206,203)
```
#ded8d6
```
#ded8d6 rgb(222,216,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 #9f2f03 is the most saturated one.

#54504e
```
#54504e rgb(84,80,78)
```
#5a4d48
```
#5a4d48 rgb(90,77,72)
```
#604a42
```
#604a42 rgb(96,74,66)
```
#66473c
```
#66473c rgb(102,71,60)
```
#6d4535
```
#6d4535 rgb(109,69,53)
```
#73422f
```
#73422f rgb(115,66,47)
```
#793f29
```
#793f29 rgb(121,63,41)
```
#7f3c23
```
#7f3c23 rgb(127,60,35)
```
#863a1c
```
#863a1c rgb(134,58,28)
```
#8c3716
```
#8c3716 rgb(140,55,22)
```
#923410
```
#923410 rgb(146,52,16)
```
#98310a
```
#98310a rgb(152,49,10)
```
#9f2f03
```
#9f2f03 rgb(159,47,3)
```

Tone Color Variation

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

#505050 Achromatopsia 0.005% of the population
#524f4e Atypical Achromatopsia 0.001% of the population

Dichromacy

#5b5852 Protanopia 1% of men
#635551 Deuteranopia 1% of men
#63545a Tritanopia 0.001% of the population

Trichromacy

#5b544e Protanomaly 1% of men, 0.01% of women
#60524e Deuteranomaly 6% of men, 0.4% of women
#605153 Tritanomaly 0.01% of the population

#5a4d48 hex color

#5a4d48 Color Information

#5a4d48 Color Conversion

Color Schemes with #5a4d48

Alternatives to #5a4d48

#5a4d48 Preview

Shades and Tints of #5a4d48

Tones of #5a4d48

Color Blindness Simulator