#5a4a48 hex color

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

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

● #5a4a48 color description : Very dark grayish red.

The hexadecimal color #5a4a48 has RGB values of R:90, G:74, B:72 and CMYK values of C:0, M:0.18, Y:0.2, K:0.65. Its decimal value is 5917256.

Hex triplet	5a4a48	`#5a4a48`
RGB Decimal	90, 74, 72	`rgb(90,74,72)`
RGB Percent	35.3, 29, 28.2	`rgb(35.3%,29%,28.2%)`
CMYK	0, 18, 20, 65
HSL	6.7°, 11.1, 31.8	`hsl(6.7,11.1%,31.8%)`
HSV (or HSB)	6.7°, 20, 35.3
Web Safe	663333	`#663333`

CIE-LAB	33.004, 6.378, 3.715
XYZ	7.835, 7.539, 7.173
xyY	0.347, 0.334, 7.539
CIE-LCH	33.004, 7.381, 30.22
CIE-LUV	33.004, 9.513, 3.441
Hunter-Lab	27.458, 2.882, 3.732
Binary	01011010, 01001010, 01001000

#5a4a48
```
#5a4a48 rgb(90,74,72)
```
#48585a
```
#48585a rgb(72,88,90)
```

Complementary Color

#5a484f
```
#5a484f rgb(90,72,79)
```
#5a4a48
```
#5a4a48 rgb(90,74,72)
```
#5a5348
```
#5a5348 rgb(90,83,72)
```

Analogous Color

#484f5a
```
#484f5a rgb(72,79,90)
```
#5a4a48
```
#5a4a48 rgb(90,74,72)
```
#485a53
```
#485a53 rgb(72,90,83)
```

Split Complementary Color

#4a485a
```
#4a485a rgb(74,72,90)
```
#5a4a48
```
#5a4a48 rgb(90,74,72)
```
#485a4a
```
#485a4a rgb(72,90,74)
```

Triadic Color

#5a4858
```
#5a4858 rgb(90,72,88)
```
#5a4a48
```
#5a4a48 rgb(90,74,72)
```
#485a4a
```
#485a4a rgb(72,90,74)
```
#48585a
```
#48585a rgb(72,88,90)
```

Tetradic Color

#302726
```
#302726 rgb(48,39,38)
```
#3e3331
```
#3e3331 rgb(62,51,49)
```
#4c3e3d
```
#4c3e3d rgb(76,62,61)
```
#5a4a48
```
#5a4a48 rgb(90,74,72)
```
#685653
```
#685653 rgb(104,86,83)
```
#76615f
```
#76615f rgb(118,97,95)
```
#856d6a
```
#856d6a rgb(133,109,106)
```

Monochromatic Color

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

#5a484b
```
#5a484b rgb(90,72,75)
```
#5a4849
```
#5a4849 rgb(90,72,73)
```
#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)
```

Similar Colors

Text with hexadecimal color #5a4a48

This text has a font color of #5a4a48.

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

#5a4a48 background color

This paragraph has a background color of #5a4a48.

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

#5a4a48 border color

This element has a border color of #5a4a48.

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

CSS codes

.text {color:#5a4a48;}

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

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

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)
```
#0e0b0b
```
#0e0b0b rgb(14,11,11)
```
#191414
```
#191414 rgb(25,20,20)
```
#241d1c
```
#241d1c rgb(36,29,28)
```
#2e2625
```
#2e2625 rgb(46,38,37)
```
#392f2e
```
#392f2e rgb(57,47,46)
```
#443837
```
#443837 rgb(68,56,55)
```
#4f413f
```
#4f413f rgb(79,65,63)
```
#5a4a48
```
#5a4a48 rgb(90,74,72)
```
#655351
```
#655351 rgb(101,83,81)
```
#705c59
```
#705c59 rgb(112,92,89)
```
#7b6562
```
#7b6562 rgb(123,101,98)
```
#866e6b
```
#866e6b rgb(134,110,107)
```

Shade Color Variation

#907774
```
#907774 rgb(144,119,116)
```
#99827f
```
#99827f rgb(153,130,127)
```
#a18d8a
```
#a18d8a rgb(161,141,138)
```
#aa9795
```
#aa9795 rgb(170,151,149)
```
#b3a2a0
```
#b3a2a0 rgb(179,162,160)
```
#bcadab
```
#bcadab rgb(188,173,171)
```
#c4b7b6
```
#c4b7b6 rgb(196,183,182)
```
#cdc2c0
```
#cdc2c0 rgb(205,194,192)
```
#d6cccb
```
#d6cccb rgb(214,204,203)
```
#ded7d6
```
#ded7d6 rgb(222,215,214)
```
#e7e2e1
```
#e7e2e1 rgb(231,226,225)
```
#f0ecec
```
#f0ecec rgb(240,236,236)
```
#f9f7f7
```
#f9f7f7 rgb(249,247,247)
```

Tint Color Variation

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

#544f4e
```
#544f4e rgb(84,79,78)
```
#5a4a48
```
#5a4a48 rgb(90,74,72)
```
#604542
```
#604542 rgb(96,69,66)
```
#66403c
```
#66403c rgb(102,64,60)
```
#6d3b35
```
#6d3b35 rgb(109,59,53)
```
#73372f
```
#73372f rgb(115,55,47)
```
#793229
```
#793229 rgb(121,50,41)
```
#7f2d23
```
#7f2d23 rgb(127,45,35)
```
#86281c
```
#86281c rgb(134,40,28)
```
#8c2316
```
#8c2316 rgb(140,35,22)
```
#921e10
```
#921e10 rgb(146,30,16)
```
#981a0a
```
#981a0a rgb(152,26,10)
```
#9f1503
```
#9f1503 rgb(159,21,3)
```

Tone Color Variation

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

Dichromacy

#595653 Protanopia 1% of men
#605451 Deuteranopia 1% of men
#635258 Tritanopia 0.001% of the population

Trichromacy

#59514f Protanomaly 1% of men, 0.01% of women
#5e504d Deuteranomaly 6% of men, 0.4% of women
#604f52 Tritanomaly 0.01% of the population

#5a4a48 hex color

#5a4a48 Color Information

#5a4a48 Color Conversion

Color Schemes with #5a4a48

Alternatives to #5a4a48

#5a4a48 Preview

Shades and Tints of #5a4a48

Tones of #5a4a48

Color Blindness Simulator