colorhexa.com

#5a4a24 hex color

In a RGB color space, hex #5a4a24 is composed of 35.3% red, 29% green and 14.1% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 17.8% magenta, 60% yellow and 64.7% black. It has a hue angle of 42.2 degrees, a saturation of 42.9% and a lightness of 24.7%. #5a4a24 color hex could be obtained by blending #b49448 with #000000. Closest websafe color is: #663333.

- R 35
- G 29
- B 14
RGB color chart
- C 0
- M 18
- Y 60
- K 65
CMYK color chart

● #5a4a24 color description : Very dark orange [Brown tone].

The hexadecimal color #5a4a24 has RGB values of R:90, G:74, B:36 and CMYK values of C:0, M:0.18, Y:0.6, K:0.65. Its decimal value is 5917220.

Hex triplet	5a4a24	`#5a4a24`
RGB Decimal	90, 74, 36	`rgb(90,74,36)`
RGB Percent	35.3, 29, 14.1	`rgb(35.3%,29%,14.1%)`
CMYK	0, 18, 60, 65
HSL	42.2°, 42.9, 24.7	`hsl(42.2,42.9%,24.7%)`
HSV (or HSB)	42.2°, 60, 35.3
Web Safe	663333	`#663333`

CIE-LAB	32.255, 1.423, 24.945
XYZ	6.984, 7.199, 2.691
xyY	0.414, 0.427, 7.199
CIE-LCH	32.255, 24.985, 86.735
CIE-LUV	32.255, 12.245, 24.423
Hunter-Lab	26.831, -0.492, 12.836
Binary	01011010, 01001010, 00100100

#5a4a24
```
#5a4a24 rgb(90,74,36)
```
#24345a
```
#24345a rgb(36,52,90)
```

Complementary Color

#5a2f24
```
#5a2f24 rgb(90,47,36)
```
#5a4a24
```
#5a4a24 rgb(90,74,36)
```
#4f5a24
```
#4f5a24 rgb(79,90,36)
```

Analogous Color

#2f245a
```
#2f245a rgb(47,36,90)
```
#5a4a24
```
#5a4a24 rgb(90,74,36)
```
#244f5a
```
#244f5a rgb(36,79,90)
```

Split Complementary Color

#231d0e
```
#231d0e rgb(35,29,14)
```
#362c15
```
#362c15 rgb(54,44,21)
```
#483b1d
```
#483b1d rgb(72,59,29)
```
#5a4a24
```
#5a4a24 rgb(90,74,36)
```
#6c592b
```
#6c592b rgb(108,89,43)
```
#7e6833
```
#7e6833 rgb(126,104,51)
```
#91773a
```
#91773a rgb(145,119,58)
```

Monochromatic Color

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

#5a3d24
```
#5a3d24 rgb(90,61,36)
```
#5a4124
```
#5a4124 rgb(90,65,36)
```
#5a4624
```
#5a4624 rgb(90,70,36)
```
#5a4a24
```
#5a4a24 rgb(90,74,36)
```
#5a4f24
```
#5a4f24 rgb(90,79,36)
```
#5a5324
```
#5a5324 rgb(90,83,36)
```
#5a5824
```
#5a5824 rgb(90,88,36)
```

Similar Colors

Text with hexadecimal color #5a4a24

This text has a font color of #5a4a24.

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

#5a4a24 background color

This paragraph has a background color of #5a4a24.

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

#5a4a24 border color

This element has a border color of #5a4a24.

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

CSS codes

.text {color:#5a4a24;}

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

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

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

#060502
```
#060502 rgb(6,5,2)
```
#141008
```
#141008 rgb(20,16,8)
```
#221c0e
```
#221c0e rgb(34,28,14)
```
#302713
```
#302713 rgb(48,39,19)
```
#3e3319
```
#3e3319 rgb(62,51,25)
```
#4c3e1e
```
#4c3e1e rgb(76,62,30)
```
#5a4a24
```
#5a4a24 rgb(90,74,36)
```
#68562a
```
#68562a rgb(104,86,42)
```
#76612f
```
#76612f rgb(118,97,47)
```
#846d35
```
#846d35 rgb(132,109,53)
```
#92783a
```
#92783a rgb(146,120,58)
```
#a08440
```
#a08440 rgb(160,132,64)
```
#ae8f46
```
#ae8f46 rgb(174,143,70)
```

Shade Color Variation

#b9994f
```
#b9994f rgb(185,153,79)
```
#bea15d
```
#bea15d rgb(190,161,93)
```
#c4a96b
```
#c4a96b rgb(196,169,107)
```
#c9b179
```
#c9b179 rgb(201,177,121)
```
#cfba87
```
#cfba87 rgb(207,186,135)
```
#d5c295
```
#d5c295 rgb(213,194,149)
```
#dacaa3
```
#dacaa3 rgb(218,202,163)
```
#e0d2b1
```
#e0d2b1 rgb(224,210,177)
```
#e5dabf
```
#e5dabf rgb(229,218,191)
```
#ebe2cd
```
#ebe2cd rgb(235,226,205)
```
#f1eadb
```
#f1eadb rgb(241,234,219)
```
#f6f2e9
```
#f6f2e9 rgb(246,242,233)
```
#fcfaf7
```
#fcfaf7 rgb(252,250,247)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #42403c is the less saturated color, while #7c5802 is the most saturated one.

#42403c
```
#42403c rgb(66,64,60)
```
#474237
```
#474237 rgb(71,66,55)
```
#4b4433
```
#4b4433 rgb(75,68,51)
```
#50462e
```
#50462e rgb(80,70,46)
```
#554829
```
#554829 rgb(85,72,41)
```
#5a4a24
```
#5a4a24 rgb(90,74,36)
```
#5f4c1f
```
#5f4c1f rgb(95,76,31)
```
#644e1a
```
#644e1a rgb(100,78,26)
```
#695015
```
#695015 rgb(105,80,21)
```
#6d5211
```
#6d5211 rgb(109,82,17)
```
#72540c
```
#72540c rgb(114,84,12)
```
#775607
```
#775607 rgb(119,86,7)
```
#7c5802
```
#7c5802 rgb(124,88,2)
```

Tone Color Variation

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

Dichromacy

#5d5530 Protanopia 1% of men
#675130 Deuteranopia 1% of men
#664f54 Tritanopia 0.001% of the population

Trichromacy

#5c512b Protanomaly 1% of men, 0.01% of women
#624e2b Deuteranomaly 6% of men, 0.4% of women
#614d42 Tritanomaly 0.01% of the population