#5a4542 hex color

In a RGB color space, hex #5a4542 is composed of 35.3% red, 27.1% green and 25.9% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 23.3% magenta, 26.7% yellow and 64.7% black. It has a hue angle of 7.5 degrees, a saturation of 15.4% and a lightness of 30.6%. #5a4542 color hex could be obtained by blending #b48a84 with #000000. Closest websafe color is: #663333.

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

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

The hexadecimal color #5a4542 has RGB values of R:90, G:69, B:66 and CMYK values of C:0, M:0.23, Y:0.27, K:0.65. Its decimal value is 5915970.

Hex triplet	5a4542	`#5a4542`
RGB Decimal	90, 69, 66	`rgb(90,69,66)`
RGB Percent	35.3, 27.1, 25.9	`rgb(35.3%,27.1%,25.9%)`
CMYK	0, 23, 27, 65
HSL	7.5°, 15.4, 30.6	`hsl(7.5,15.4%,30.6%)`
HSV (or HSB)	7.5°, 26.7, 35.3
Web Safe	663333	`#663333`

CIE-LAB	31.402, 8.488, 5.262
XYZ	7.328, 6.823, 6.085
xyY	0.362, 0.337, 6.823
CIE-LCH	31.402, 9.987, 31.795
CIE-LUV	31.402, 12.766, 4.769
Hunter-Lab	26.122, 4.361, 4.474
Binary	01011010, 01000101, 01000010

#5a4542
```
#5a4542 rgb(90,69,66)
```
#42575a
```
#42575a rgb(66,87,90)
```

Complementary Color

#5a424b
```
#5a424b rgb(90,66,75)
```
#5a4542
```
#5a4542 rgb(90,69,66)
```
#5a5142
```
#5a5142 rgb(90,81,66)
```

Analogous Color

#424b5a
```
#424b5a rgb(66,75,90)
```
#5a4542
```
#5a4542 rgb(90,69,66)
```
#425a51
```
#425a51 rgb(66,90,81)
```

Split Complementary Color

#45425a
```
#45425a rgb(69,66,90)
```
#5a4542
```
#5a4542 rgb(90,69,66)
```
#425a45
```
#425a45 rgb(66,90,69)
```

Triadic Color

#5a4257
```
#5a4257 rgb(90,66,87)
```
#5a4542
```
#5a4542 rgb(90,69,66)
```
#425a45
```
#425a45 rgb(66,90,69)
```
#42575a
```
#42575a rgb(66,87,90)
```

Tetradic Color

#2e2322
```
#2e2322 rgb(46,35,34)
```
#3d2e2c
```
#3d2e2c rgb(61,46,44)
```
#4b3a37
```
#4b3a37 rgb(75,58,55)
```
#5a4542
```
#5a4542 rgb(90,69,66)
```
#69504d
```
#69504d rgb(105,80,77)
```
#775c58
```
#775c58 rgb(119,92,88)
```
#866762
```
#866762 rgb(134,103,98)
```

Monochromatic Color

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

#5a4245
```
#5a4245 rgb(90,66,69)
```
#5a4243
```
#5a4243 rgb(90,66,67)
```
#5a4342
```
#5a4342 rgb(90,67,66)
```
#5a4542
```
#5a4542 rgb(90,69,66)
```
#5a4742
```
#5a4742 rgb(90,71,66)
```
#5a4942
```
#5a4942 rgb(90,73,66)
```
#5a4b42
```
#5a4b42 rgb(90,75,66)
```

Similar Colors

Text with hexadecimal color #5a4542

This text has a font color of #5a4542.

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

#5a4542 background color

This paragraph has a background color of #5a4542.

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

#5a4542 border color

This element has a border color of #5a4542.

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

CSS codes

.text {color:#5a4542;}

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

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

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, #0b0808 is the darkest color, while #fffefe is the lightest one.

#0b0808
```
#0b0808 rgb(11,8,8)
```
#161110
```
#161110 rgb(22,17,16)
```
#211a19
```
#211a19 rgb(33,26,25)
```
#2d2221
```
#2d2221 rgb(45,34,33)
```
#382b29
```
#382b29 rgb(56,43,41)
```
#433431
```
#433431 rgb(67,52,49)
```
#4f3c3a
```
#4f3c3a rgb(79,60,58)
```
#5a4542
```
#5a4542 rgb(90,69,66)
```
#654e4a
```
#654e4a rgb(101,78,74)
```
#715653
```
#715653 rgb(113,86,83)
```
#7c5f5b
```
#7c5f5b rgb(124,95,91)
```
#876863
```
#876863 rgb(135,104,99)
```
#93706b
```
#93706b rgb(147,112,107)
```

Shade Color Variation

#9b7b77
```
#9b7b77 rgb(155,123,119)
```
#a38682
```
#a38682 rgb(163,134,130)
```
#ac918d
```
#ac918d rgb(172,145,141)
```
#b49c99
```
#b49c99 rgb(180,156,153)
```
#bca7a4
```
#bca7a4 rgb(188,167,164)
```
#c5b2af
```
#c5b2af rgb(197,178,175)
```
#cdbdbb
```
#cdbdbb rgb(205,189,187)
```
#d5c8c6
```
#d5c8c6 rgb(213,200,198)
```
#ddd3d1
```
#ddd3d1 rgb(221,211,209)
```
#e6dedd
```
#e6dedd rgb(230,222,221)
```
#eee9e8
```
#eee9e8 rgb(238,233,232)
```
#f6f4f3
```
#f6f4f3 rgb(246,244,243)
```
#fffefe
```
#fffefe rgb(255,254,254)
```

Tint Color Variation

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

#544a48
```
#544a48 rgb(84,74,72)
```
#5a4542
```
#5a4542 rgb(90,69,66)
```
#60413c
```
#60413c rgb(96,65,60)
```
#663c36
```
#663c36 rgb(102,60,54)
```
#6c3830
```
#6c3830 rgb(108,56,48)
```
#72332a
```
#72332a rgb(114,51,42)
```
#782f24
```
#782f24 rgb(120,47,36)
```
#7e2a1e
```
#7e2a1e rgb(126,42,30)
```
#842618
```
#842618 rgb(132,38,24)
```
#8a2112
```
#8a2112 rgb(138,33,18)
```
#901c0c
```
#901c0c rgb(144,28,12)
```
#961806
```
#961806 rgb(150,24,6)
```
#9c1300
```
#9c1300 rgb(156,19,0)
```

Tone Color Variation

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

#4b4b4b Achromatopsia 0.005% of the population
#4e4a49 Atypical Achromatopsia 0.001% of the population

Dichromacy

#56534d Protanopia 1% of men
#5e504b Deuteranopia 1% of men
#634d52 Tritanopia 0.001% of the population

Trichromacy

#574d49 Protanomaly 1% of men, 0.01% of women
#5c4c47 Deuteranomaly 6% of men, 0.4% of women
#604a4c Tritanomaly 0.01% of the population

#5a4542 hex color

#5a4542 Color Information

#5a4542 Color Conversion

Color Schemes with #5a4542

Alternatives to #5a4542

#5a4542 Preview

Shades and Tints of #5a4542

Tones of #5a4542

Color Blindness Simulator