#5a4524 hex color

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

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

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

The hexadecimal color #5a4524 has RGB values of R:90, G:69, B:36 and CMYK values of C:0, M:0.23, Y:0.6, K:0.65. Its decimal value is 5915940.

Hex triplet	5a4524	`#5a4524`
RGB Decimal	90, 69, 36	`rgb(90,69,36)`
RGB Percent	35.3, 27.1, 14.1	`rgb(35.3%,27.1%,14.1%)`
CMYK	0, 23, 60, 65
HSL	36.7°, 42.9, 24.7	`hsl(36.7,42.9%,24.7%)`
HSV (or HSB)	36.7°, 60, 35.3
Web Safe	663333	`#663333`

CIE-LAB	30.778, 4.537, 23.179
XYZ	6.663, 6.558, 2.584
xyY	0.422, 0.415, 6.558
CIE-LCH	30.778, 23.619, 78.925
CIE-LUV	30.778, 15.398, 21.997
Hunter-Lab	25.608, 1.632, 11.943
Binary	01011010, 01000101, 00100100

#5a4524
```
#5a4524 rgb(90,69,36)
```
#24395a
```
#24395a rgb(36,57,90)
```

Complementary Color

#5a2a24
```
#5a2a24 rgb(90,42,36)
```
#5a4524
```
#5a4524 rgb(90,69,36)
```
#545a24
```
#545a24 rgb(84,90,36)
```

Analogous Color

#2a245a
```
#2a245a rgb(42,36,90)
```
#5a4524
```
#5a4524 rgb(90,69,36)
```
#24545a
```
#24545a rgb(36,84,90)
```

Split Complementary Color

#45245a
```
#45245a rgb(69,36,90)
```
#5a4524
```
#5a4524 rgb(90,69,36)
```
#245a45
```
#245a45 rgb(36,90,69)
```

Triadic Color

#5a2439
```
#5a2439 rgb(90,36,57)
```
#5a4524
```
#5a4524 rgb(90,69,36)
```
#245a45
```
#245a45 rgb(36,90,69)
```
#24395a
```
#24395a rgb(36,57,90)
```

Tetradic Color

#231b0e
```
#231b0e rgb(35,27,14)
```
#362915
```
#362915 rgb(54,41,21)
```
#48371d
```
#48371d rgb(72,55,29)
```
#5a4524
```
#5a4524 rgb(90,69,36)
```
#6c532b
```
#6c532b rgb(108,83,43)
```
#7e6133
```
#7e6133 rgb(126,97,51)
```
#916f3a
```
#916f3a rgb(145,111,58)
```

Monochromatic Color

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

#5a3824
```
#5a3824 rgb(90,56,36)
```
#5a3c24
```
#5a3c24 rgb(90,60,36)
```
#5a4124
```
#5a4124 rgb(90,65,36)
```
#5a4524
```
#5a4524 rgb(90,69,36)
```
#5a4a24
```
#5a4a24 rgb(90,74,36)
```
#5a4e24
```
#5a4e24 rgb(90,78,36)
```
#5a5324
```
#5a5324 rgb(90,83,36)
```

Similar Colors

Text with hexadecimal color #5a4524

This text has a font color of #5a4524.

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

#5a4524 background color

This paragraph has a background color of #5a4524.

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

#5a4524 border color

This element has a border color of #5a4524.

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

CSS codes

.text {color:#5a4524;}

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

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

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)
```
#140f08
```
#140f08 rgb(20,15,8)
```
#221a0e
```
#221a0e rgb(34,26,14)
```
#302513
```
#302513 rgb(48,37,19)
```
#3e3019
```
#3e3019 rgb(62,48,25)
```
#4c3a1e
```
#4c3a1e rgb(76,58,30)
```
#5a4524
```
#5a4524 rgb(90,69,36)
```
#68502a
```
#68502a rgb(104,80,42)
```
#765a2f
```
#765a2f rgb(118,90,47)
```
#846535
```
#846535 rgb(132,101,53)
```
#92703a
```
#92703a rgb(146,112,58)
```
#a07b40
```
#a07b40 rgb(160,123,64)
```
#ae8546
```
#ae8546 rgb(174,133,70)
```

Shade Color Variation

#b98f4f
```
#b98f4f rgb(185,143,79)
```
#be985d
```
#be985d rgb(190,152,93)
```
#c4a16b
```
#c4a16b rgb(196,161,107)
```
#c9aa79
```
#c9aa79 rgb(201,170,121)
```
#cfb387
```
#cfb387 rgb(207,179,135)
```
#d5bc95
```
#d5bc95 rgb(213,188,149)
```
#dac5a3
```
#dac5a3 rgb(218,197,163)
```
#e0ceb1
```
#e0ceb1 rgb(224,206,177)
```
#e5d6bf
```
#e5d6bf rgb(229,214,191)
```
#ebdfcd
```
#ebdfcd rgb(235,223,205)
```
#f1e8db
```
#f1e8db rgb(241,232,219)
```
#f6f1e9
```
#f6f1e9 rgb(246,241,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 #7c4d02 is the most saturated one.

#42403c
```
#42403c rgb(66,64,60)
```
#474137
```
#474137 rgb(71,65,55)
```
#4b4233
```
#4b4233 rgb(75,66,51)
```
#50432e
```
#50432e rgb(80,67,46)
```
#554429
```
#554429 rgb(85,68,41)
```
#5a4524
```
#5a4524 rgb(90,69,36)
```
#5f461f
```
#5f461f rgb(95,70,31)
```
#64471a
```
#64471a rgb(100,71,26)
```
#694815
```
#694815 rgb(105,72,21)
```
#6d4911
```
#6d4911 rgb(109,73,17)
```
#724a0c
```
#724a0c rgb(114,74,12)
```
#774b07
```
#774b07 rgb(119,75,7)
```
#7c4d02
```
#7c4d02 rgb(124,77,2)
```

Tone Color Variation

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

#484848 Achromatopsia 0.005% of the population
#4c4741 Atypical Achromatopsia 0.001% of the population

Dichromacy

#595130 Protanopia 1% of men
#634e2f Deuteranopia 1% of men
#654a50 Tritanopia 0.001% of the population

Trichromacy

#594d2b Protanomaly 1% of men, 0.01% of women
#5f4a2b Deuteranomaly 6% of men, 0.4% of women
#614840 Tritanomaly 0.01% of the population

#5a4524 hex color

#5a4524 Color Information

#5a4524 Color Conversion

Color Schemes with #5a4524

Alternatives to #5a4524

#5a4524 Preview

Shades and Tints of #5a4524

Tones of #5a4524

Color Blindness Simulator