colorhexa.com

#5a4538 hex color

In a RGB color space, hex #5a4538 is composed of 35.3% red, 27.1% green and 22% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 23.3% magenta, 37.8% yellow and 64.7% black. It has a hue angle of 22.9 degrees, a saturation of 23.3% and a lightness of 28.6%. #5a4538 color hex could be obtained by blending #b48a70 with #000000. Closest websafe color is: #663333.

- R 35
- G 27
- B 22
RGB color chart
- C 0
- M 23
- Y 38
- K 65
CMYK color chart

● #5a4538 color description : Very dark desaturated orange.

The hexadecimal color #5a4538 has RGB values of R:90, G:69, B:56 and CMYK values of C:0, M:0.23, Y:0.38, K:0.65. Its decimal value is 5915960.

Hex triplet	5a4538	`#5a4538`
RGB Decimal	90, 69, 56	`rgb(90,69,56)`
RGB Percent	35.3, 27.1, 22	`rgb(35.3%,27.1%,22%)`
CMYK	0, 23, 38, 65
HSL	22.9°, 23.3, 28.6	`hsl(22.9,23.3%,28.6%)`
HSV (or HSB)	22.9°, 37.8, 35.3
Web Safe	663333	`#663333`

CIE-LAB	31.151, 6.928, 11.308
XYZ	7.058, 6.716, 4.666
xyY	0.383, 0.364, 6.716
CIE-LCH	31.151, 13.262, 58.505
CIE-LUV	31.151, 13.76, 11.313
Hunter-Lab	25.915, 3.267, 7.466
Binary	01011010, 01000101, 00111000

#5a4538
```
#5a4538 rgb(90,69,56)
```
#384d5a
```
#384d5a rgb(56,77,90)
```

Complementary Color

#5a383c
```
#5a383c rgb(90,56,60)
```
#5a4538
```
#5a4538 rgb(90,69,56)
```
#5a5638
```
#5a5638 rgb(90,86,56)
```

Analogous Color

#383c5a
```
#383c5a rgb(56,60,90)
```
#5a4538
```
#5a4538 rgb(90,69,56)
```
#385a56
```
#385a56 rgb(56,90,86)
```

Split Complementary Color

#2b211b
```
#2b211b rgb(43,33,27)
```
#3b2d24
```
#3b2d24 rgb(59,45,36)
```
#4a392e
```
#4a392e rgb(74,57,46)
```
#5a4538
```
#5a4538 rgb(90,69,56)
```
#6a5142
```
#6a5142 rgb(106,81,66)
```
#795d4c
```
#795d4c rgb(121,93,76)
```
#896955
```
#896955 rgb(137,105,85)
```

Monochromatic Color

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

#5a3d38
```
#5a3d38 rgb(90,61,56)
```
#5a3f38
```
#5a3f38 rgb(90,63,56)
```
#5a4238
```
#5a4238 rgb(90,66,56)
```
#5a4538
```
#5a4538 rgb(90,69,56)
```
#5a4838
```
#5a4838 rgb(90,72,56)
```
#5a4b38
```
#5a4b38 rgb(90,75,56)
```
#5a4e38
```
#5a4e38 rgb(90,78,56)
```

Similar Colors

Text with hexadecimal color #5a4538

This text has a font color of #5a4538.

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

#5a4538 background color

This paragraph has a background color of #5a4538.

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

#5a4538 border color

This element has a border color of #5a4538.

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

CSS codes

.text {color:#5a4538;}

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

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

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

#050403
```
#050403 rgb(5,4,3)
```
#110d0b
```
#110d0b rgb(17,13,11)
```
#1e1712
```
#1e1712 rgb(30,23,18)
```
#2a201a
```
#2a201a rgb(42,32,26)
```
#362921
```
#362921 rgb(54,41,33)
```
#423229
```
#423229 rgb(66,50,41)
```
#4e3c30
```
#4e3c30 rgb(78,60,48)
```
#5a4538
```
#5a4538 rgb(90,69,56)
```
#664e40
```
#664e40 rgb(102,78,64)
```
#725847
```
#725847 rgb(114,88,71)
```
#7e614f
```
#7e614f rgb(126,97,79)
```
#8a6a56
```
#8a6a56 rgb(138,106,86)
```
#96735e
```
#96735e rgb(150,115,94)
```

Shade Color Variation

#a17d67
```
#a17d67 rgb(161,125,103)
```
#a88773
```
#a88773 rgb(168,135,115)
```
#b0927f
```
#b0927f rgb(176,146,127)
```
#b79c8b
```
#b79c8b rgb(183,156,139)
```
#bfa698
```
#bfa698 rgb(191,166,152)
```
#c6b1a4
```
#c6b1a4 rgb(198,177,164)
```
#cebbb0
```
#cebbb0 rgb(206,187,176)
```
#d5c6bc
```
#d5c6bc rgb(213,198,188)
```
#ddd0c8
```
#ddd0c8 rgb(221,208,200)
```
#e4dad4
```
#e4dad4 rgb(228,218,212)
```
#ece5e0
```
#ece5e0 rgb(236,229,224)
```
#f3efec
```
#f3efec rgb(243,239,236)
```
#fbf9f8
```
#fbf9f8 rgb(251,249,248)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #494949 is the less saturated color, while #8d3905 is the most saturated one.

#494949
```
#494949 rgb(73,73,73)
```
#4f4843
```
#4f4843 rgb(79,72,67)
```
#54463e
```
#54463e rgb(84,70,62)
```
#5a4538
```
#5a4538 rgb(90,69,56)
```
#604432
```
#604432 rgb(96,68,50)
```
#65422d
```
#65422d rgb(101,66,45)
```
#6b4127
```
#6b4127 rgb(107,65,39)
```
#704022
```
#704022 rgb(112,64,34)
```
#763e1c
```
#763e1c rgb(118,62,28)
```
#7c3d16
```
#7c3d16 rgb(124,61,22)
```
#813c11
```
#813c11 rgb(129,60,17)
```
#873a0b
```
#873a0b rgb(135,58,11)
```
#8d3905
```
#8d3905 rgb(141,57,5)
```

Tone Color Variation

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

#4a4a4a Achromatopsia 0.005% of the population
#4d4946 Atypical Achromatopsia 0.001% of the population

Dichromacy

#575244 Protanopia 1% of men
#604f42 Deuteranopia 1% of men
#644c51 Tritanopia 0.001% of the population

Trichromacy

#584d3f Protanomaly 1% of men, 0.01% of women
#5d4b3e Deuteranomaly 6% of men, 0.4% of women
#604948 Tritanomaly 0.01% of the population