#5a4546 hex color

In a RGB color space, hex #5a4546 is composed of 35.3% red, 27.1% green and 27.5% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 23.3% magenta, 22.2% yellow and 64.7% black. It has a hue angle of 357.1 degrees, a saturation of 13.2% and a lightness of 31.2%. #5a4546 color hex could be obtained by blending #b48a8c with #000000. Closest websafe color is: #663333.

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

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

The hexadecimal color #5a4546 has RGB values of R:90, G:69, B:70 and CMYK values of C:0, M:0.23, Y:0.22, K:0.65. Its decimal value is 5915974.

Hex triplet	5a4546	`#5a4546`
RGB Decimal	90, 69, 70	`rgb(90,69,70)`
RGB Percent	35.3, 27.1, 27.5	`rgb(35.3%,27.1%,27.5%)`
CMYK	0, 23, 22, 65
HSL	357.1°, 13.2, 31.2	`hsl(357.1,13.2%,31.2%)`
HSV (or HSB)	357.1°, 23.3, 35.3
Web Safe	663333	`#663333`

CIE-LAB	31.514, 9.177, 2.852
XYZ	7.45, 6.872, 6.728
xyY	0.354, 0.326, 6.872
CIE-LCH	31.514, 9.61, 17.266
CIE-LUV	31.514, 12.343, 1.976
Hunter-Lab	26.215, 4.851, 3.134
Binary	01011010, 01000101, 01000110

#5a4546
```
#5a4546 rgb(90,69,70)
```
#455a59
```
#455a59 rgb(69,90,89)
```

Complementary Color

#5a4551
```
#5a4551 rgb(90,69,81)
```
#5a4546
```
#5a4546 rgb(90,69,70)
```
#5a4f45
```
#5a4f45 rgb(90,79,69)
```

Analogous Color

#45515a
```
#45515a rgb(69,81,90)
```
#5a4546
```
#5a4546 rgb(90,69,70)
```
#455a4f
```
#455a4f rgb(69,90,79)
```

Split Complementary Color

#45465a
```
#45465a rgb(69,70,90)
```
#5a4546
```
#5a4546 rgb(90,69,70)
```
#465a45
```
#465a45 rgb(70,90,69)
```

Triadic Color

#59455a
```
#59455a rgb(89,69,90)
```
#5a4546
```
#5a4546 rgb(90,69,70)
```
#465a45
```
#465a45 rgb(70,90,69)
```
#455a59
```
#455a59 rgb(69,90,89)
```

Tetradic Color

#2f2424
```
#2f2424 rgb(47,36,36)
```
#3d2f30
```
#3d2f30 rgb(61,47,48)
```
#4c3a3b
```
#4c3a3b rgb(76,58,59)
```
#5a4546
```
#5a4546 rgb(90,69,70)
```
#685051
```
#685051 rgb(104,80,81)
```
#775b5c
```
#775b5c rgb(119,91,92)
```
#856668
```
#856668 rgb(133,102,104)
```

Monochromatic Color

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

#5a454b
```
#5a454b rgb(90,69,75)
```
#5a454a
```
#5a454a rgb(90,69,74)
```
#5a4548
```
#5a4548 rgb(90,69,72)
```
#5a4546
```
#5a4546 rgb(90,69,70)
```
#5a4645
```
#5a4645 rgb(90,70,69)
```
#5a4845
```
#5a4845 rgb(90,72,69)
```
#5a4945
```
#5a4945 rgb(90,73,69)
```

Similar Colors

Text with hexadecimal color #5a4546

This text has a font color of #5a4546.

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

#5a4546 background color

This paragraph has a background color of #5a4546.

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

#5a4546 border color

This element has a border color of #5a4546.

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

CSS codes

.text {color:#5a4546;}

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

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

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

#010101
```
#010101 rgb(1,1,1)
```
#0c090a
```
#0c090a rgb(12,9,10)
```
#171212
```
#171212 rgb(23,18,18)
```
#221a1b
```
#221a1b rgb(34,26,27)
```
#2e2323
```
#2e2323 rgb(46,35,35)
```
#392b2c
```
#392b2c rgb(57,43,44)
```
#443435
```
#443435 rgb(68,52,53)
```
#4f3c3d
```
#4f3c3d rgb(79,60,61)
```
#5a4546
```
#5a4546 rgb(90,69,70)
```
#654e4f
```
#654e4f rgb(101,78,79)
```
#705657
```
#705657 rgb(112,86,87)
```
#7b5f60
```
#7b5f60 rgb(123,95,96)
```
#866769
```
#866769 rgb(134,103,105)
```

Shade Color Variation

#917071
```
#917071 rgb(145,112,113)
```
#9a7b7c
```
#9a7b7c rgb(154,123,124)
```
#a28687
```
#a28687 rgb(162,134,135)
```
#ab9192
```
#ab9192 rgb(171,145,146)
```
#b39c9d
```
#b39c9d rgb(179,156,157)
```
#bca7a8
```
#bca7a8 rgb(188,167,168)
```
#c4b2b3
```
#c4b2b3 rgb(196,178,179)
```
#cdbebe
```
#cdbebe rgb(205,190,190)
```
#d5c9c9
```
#d5c9c9 rgb(213,201,201)
```
#ded4d4
```
#ded4d4 rgb(222,212,212)
```
#e6dfdf
```
#e6dfdf rgb(230,223,223)
```
#efeaea
```
#efeaea rgb(239,234,234)
```
#f7f5f5
```
#f7f5f5 rgb(247,245,245)
```

Tint Color Variation

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

#544b4c
```
#544b4c rgb(84,75,76)
```
#5a4546
```
#5a4546 rgb(90,69,70)
```
#603f40
```
#603f40 rgb(96,63,64)
```
#66393b
```
#66393b rgb(102,57,59)
```
#6c3335
```
#6c3335 rgb(108,51,53)
```
#722d30
```
#722d30 rgb(114,45,48)
```
#79262a
```
#79262a rgb(121,38,42)
```
#7f2025
```
#7f2025 rgb(127,32,37)
```
#851a1f
```
#851a1f rgb(133,26,31)
```
#8b141a
```
#8b141a rgb(139,20,26)
```
#910e14
```
#910e14 rgb(145,14,20)
```
#97080f
```
#97080f rgb(151,8,15)
```
#9d0209
```
#9d0209 rgb(157,2,9)
```

Tone Color Variation

Below, you can see how #5a4546 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
#4e4a4a Atypical Achromatopsia 0.001% of the population

Dichromacy

#555351 Protanopia 1% of men
#5d504e Deuteranopia 1% of men
#634e53 Tritanopia 0.001% of the population

Trichromacy

#574e4d Protanomaly 1% of men, 0.01% of women
#5b4c4b Deuteranomaly 6% of men, 0.4% of women
#5f4a4e Tritanomaly 0.01% of the population

#5a4546 hex color

#5a4546 Color Information

#5a4546 Color Conversion

Color Schemes with #5a4546

Alternatives to #5a4546

#5a4546 Preview

Shades and Tints of #5a4546

Tones of #5a4546

Color Blindness Simulator