#5a4642 hex color

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

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

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

The hexadecimal color #5a4642 has RGB values of R:90, G:70, B:66 and CMYK values of C:0, M:0.22, Y:0.27, K:0.65. Its decimal value is 5916226.

Hex triplet	5a4642	`#5a4642`
RGB Decimal	90, 70, 66	`rgb(90,70,66)`
RGB Percent	35.3, 27.5, 25.9	`rgb(35.3%,27.5%,25.9%)`
CMYK	0, 22, 27, 65
HSL	10°, 15.4, 30.6	`hsl(10,15.4%,30.6%)`
HSV (or HSB)	10°, 26.7, 35.3
Web Safe	663333	`#663333`

CIE-LAB	31.687, 7.856, 5.668
XYZ	7.39, 6.948, 6.106
xyY	0.361, 0.34, 6.948
CIE-LCH	31.687, 9.687, 35.808
CIE-LUV	31.687, 12.227, 5.332
Hunter-Lab	26.358, 3.918, 4.717
Binary	01011010, 01000110, 01000010

#5a4642
```
#5a4642 rgb(90,70,66)
```
#42565a
```
#42565a rgb(66,86,90)
```

Complementary Color

#5a424a
```
#5a424a rgb(90,66,74)
```
#5a4642
```
#5a4642 rgb(90,70,66)
```
#5a5242
```
#5a5242 rgb(90,82,66)
```

Analogous Color

#424a5a
```
#424a5a rgb(66,74,90)
```
#5a4642
```
#5a4642 rgb(90,70,66)
```
#425a52
```
#425a52 rgb(66,90,82)
```

Split Complementary Color

#46425a
```
#46425a rgb(70,66,90)
```
#5a4642
```
#5a4642 rgb(90,70,66)
```
#425a46
```
#425a46 rgb(66,90,70)
```

Triadic Color

#5a4256
```
#5a4256 rgb(90,66,86)
```
#5a4642
```
#5a4642 rgb(90,70,66)
```
#425a46
```
#425a46 rgb(66,90,70)
```
#42565a
```
#42565a rgb(66,86,90)
```

Tetradic Color

#2e2422
```
#2e2422 rgb(46,36,34)
```
#3d2f2c
```
#3d2f2c rgb(61,47,44)
```
#4b3b37
```
#4b3b37 rgb(75,59,55)
```
#5a4642
```
#5a4642 rgb(90,70,66)
```
#69514d
```
#69514d rgb(105,81,77)
```
#775d58
```
#775d58 rgb(119,93,88)
```
#866862
```
#866862 rgb(134,104,98)
```

Monochromatic Color

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

#5a4244
```
#5a4244 rgb(90,66,68)
```
#5a4242
```
#5a4242 rgb(90,66,66)
```
#5a4442
```
#5a4442 rgb(90,68,66)
```
#5a4642
```
#5a4642 rgb(90,70,66)
```
#5a4842
```
#5a4842 rgb(90,72,66)
```
#5a4a42
```
#5a4a42 rgb(90,74,66)
```
#5a4c42
```
#5a4c42 rgb(90,76,66)
```

Similar Colors

Text with hexadecimal color #5a4642

This text has a font color of #5a4642.

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

#5a4642 background color

This paragraph has a background color of #5a4642.

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

#5a4642 border color

This element has a border color of #5a4642.

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

CSS codes

.text {color:#5a4642;}

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

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

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)
```
#2d2321
```
#2d2321 rgb(45,35,33)
```
#382c29
```
#382c29 rgb(56,44,41)
```
#433431
```
#433431 rgb(67,52,49)
```
#4f3d3a
```
#4f3d3a rgb(79,61,58)
```
#5a4642
```
#5a4642 rgb(90,70,66)
```
#654f4a
```
#654f4a rgb(101,79,74)
```
#715853
```
#715853 rgb(113,88,83)
```
#7c605b
```
#7c605b rgb(124,96,91)
```
#876963
```
#876963 rgb(135,105,99)
```
#93726b
```
#93726b rgb(147,114,107)
```

Shade Color Variation

#9b7d77
```
#9b7d77 rgb(155,125,119)
```
#a38882
```
#a38882 rgb(163,136,130)
```
#ac928d
```
#ac928d rgb(172,146,141)
```
#b49d99
```
#b49d99 rgb(180,157,153)
```
#bca8a4
```
#bca8a4 rgb(188,168,164)
```
#c5b3af
```
#c5b3af rgb(197,179,175)
```
#cdbebb
```
#cdbebb rgb(205,190,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 #9c1a00 is the most saturated one.

#544a48
```
#544a48 rgb(84,74,72)
```
#5a4642
```
#5a4642 rgb(90,70,66)
```
#60423c
```
#60423c rgb(96,66,60)
```
#663e36
```
#663e36 rgb(102,62,54)
```
#6c3a30
```
#6c3a30 rgb(108,58,48)
```
#72362a
```
#72362a rgb(114,54,42)
```
#783224
```
#783224 rgb(120,50,36)
```
#7e2e1e
```
#7e2e1e rgb(126,46,30)
```
#842a18
```
#842a18 rgb(132,42,24)
```
#8a2612
```
#8a2612 rgb(138,38,18)
```
#90220c
```
#90220c rgb(144,34,12)
```
#961e06
```
#961e06 rgb(150,30,6)
```
#9c1a00
```
#9c1a00 rgb(156,26,0)
```

Tone Color Variation

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

#4c4c4c Achromatopsia 0.005% of the population
#4f4b4a Atypical Achromatopsia 0.001% of the population

Dichromacy

#56534d Protanopia 1% of men
#5e514b Deuteranopia 1% of men
#634e53 Tritanopia 0.001% of the population

Trichromacy

#584e49 Protanomaly 1% of men, 0.01% of women
#5d4d47 Deuteranomaly 6% of men, 0.4% of women
#604b4d Tritanomaly 0.01% of the population

#5a4642 hex color

#5a4642 Color Information

#5a4642 Color Conversion

Color Schemes with #5a4642

Alternatives to #5a4642

#5a4642 Preview

Shades and Tints of #5a4642

Tones of #5a4642

Color Blindness Simulator