#5a4521 hex color

In a RGB color space, hex #5a4521 is composed of 35.3% red, 27.1% green and 12.9% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 23.3% magenta, 63.3% yellow and 64.7% black. It has a hue angle of 37.9 degrees, a saturation of 46.3% and a lightness of 24.1%. #5a4521 color hex could be obtained by blending #b48a42 with #000000. Closest websafe color is: #663333.

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

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

The hexadecimal color #5a4521 has RGB values of R:90, G:69, B:33 and CMYK values of C:0, M:0.23, Y:0.63, K:0.65. Its decimal value is 5915937.

Hex triplet	5a4521	`#5a4521`
RGB Decimal	90, 69, 33	`rgb(90,69,33)`
RGB Percent	35.3, 27.1, 12.9	`rgb(35.3%,27.1%,12.9%)`
CMYK	0, 23, 63, 65
HSL	37.9°, 46.3, 24.1	`hsl(37.9,46.3%,24.1%)`
HSV (or HSB)	37.9°, 63.3, 35.3
Web Safe	663333	`#663333`

CIE-LAB	30.736, 4.263, 24.875
XYZ	6.619, 6.54, 2.352
xyY	0.427, 0.422, 6.54
CIE-LCH	30.736, 25.238, 80.275
CIE-LUV	30.736, 15.595, 23.275
Hunter-Lab	25.573, 1.447, 12.447
Binary	01011010, 01000101, 00100001

#5a4521
```
#5a4521 rgb(90,69,33)
```
#21365a
```
#21365a rgb(33,54,90)
```

Complementary Color

#5a2921
```
#5a2921 rgb(90,41,33)
```
#5a4521
```
#5a4521 rgb(90,69,33)
```
#535a21
```
#535a21 rgb(83,90,33)
```

Analogous Color

#29215a
```
#29215a rgb(41,33,90)
```
#5a4521
```
#5a4521 rgb(90,69,33)
```
#21535a
```
#21535a rgb(33,83,90)
```

Split Complementary Color

#45215a
```
#45215a rgb(69,33,90)
```
#5a4521
```
#5a4521 rgb(90,69,33)
```
#215a45
```
#215a45 rgb(33,90,69)
```

Triadic Color

#5a2136
```
#5a2136 rgb(90,33,54)
```
#5a4521
```
#5a4521 rgb(90,69,33)
```
#215a45
```
#215a45 rgb(33,90,69)
```
#21365a
```
#21365a rgb(33,54,90)
```

Tetradic Color

#221a0c
```
#221a0c rgb(34,26,12)
```
#352813
```
#352813 rgb(53,40,19)
```
#47371a
```
#47371a rgb(71,55,26)
```
#5a4521
```
#5a4521 rgb(90,69,33)
```
#6d5328
```
#6d5328 rgb(109,83,40)
```
#7f622f
```
#7f622f rgb(127,98,47)
```
#927036
```
#927036 rgb(146,112,54)
```

Monochromatic Color

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

#5a3721
```
#5a3721 rgb(90,55,33)
```
#5a3c21
```
#5a3c21 rgb(90,60,33)
```
#5a4021
```
#5a4021 rgb(90,64,33)
```
#5a4521
```
#5a4521 rgb(90,69,33)
```
#5a4a21
```
#5a4a21 rgb(90,74,33)
```
#5a4f21
```
#5a4f21 rgb(90,79,33)
```
#5a5321
```
#5a5321 rgb(90,83,33)
```

Similar Colors

Text with hexadecimal color #5a4521

This text has a font color of #5a4521.

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

#5a4521 background color

This paragraph has a background color of #5a4521.

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

#5a4521 border color

This element has a border color of #5a4521.

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

CSS codes

.text {color:#5a4521;}

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

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

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

#040301
```
#040301 rgb(4,3,1)
```
#120e07
```
#120e07 rgb(18,14,7)
```
#21190c
```
#21190c rgb(33,25,12)
```
#2f2411
```
#2f2411 rgb(47,36,17)
```
#3d2f16
```
#3d2f16 rgb(61,47,22)
```
#4c3a1c
```
#4c3a1c rgb(76,58,28)
```
#5a4521
```
#5a4521 rgb(90,69,33)
```
#685026
```
#685026 rgb(104,80,38)
```
#775b2c
```
#775b2c rgb(119,91,44)
```
#856631
```
#856631 rgb(133,102,49)
```
#937136
```
#937136 rgb(147,113,54)
```
#a27c3b
```
#a27c3b rgb(162,124,59)
```
#b08741
```
#b08741 rgb(176,135,65)
```

Shade Color Variation

#bc9148
```
#bc9148 rgb(188,145,72)
```
#c19a57
```
#c19a57 rgb(193,154,87)
```
#c7a365
```
#c7a365 rgb(199,163,101)
```
#ccab73
```
#ccab73 rgb(204,171,115)
```
#d1b482
```
#d1b482 rgb(209,180,130)
```
#d6bc90
```
#d6bc90 rgb(214,188,144)
```
#dcc59e
```
#dcc59e rgb(220,197,158)
```
#e1cead
```
#e1cead rgb(225,206,173)
```
#e6d6bb
```
#e6d6bb rgb(230,214,187)
```
#ebdfc9
```
#ebdfc9 rgb(235,223,201)
```
#f1e7d8
```
#f1e7d8 rgb(241,231,216)
```
#f6f0e6
```
#f6f0e6 rgb(246,240,230)
```
#fbf9f5
```
#fbf9f5 rgb(251,249,245)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #3e3e3d is the less saturated color, while #764c05 is the most saturated one.

#3e3e3d
```
#3e3e3d rgb(62,62,61)
```
#423f39
```
#423f39 rgb(66,63,57)
```
#474034
```
#474034 rgb(71,64,52)
```
#4c412f
```
#4c412f rgb(76,65,47)
```
#51432a
```
#51432a rgb(81,67,42)
```
#554426
```
#554426 rgb(85,68,38)
```
#5a4521
```
#5a4521 rgb(90,69,33)
```
#5f461c
```
#5f461c rgb(95,70,28)
```
#634718
```
#634718 rgb(99,71,24)
```
#684913
```
#684913 rgb(104,73,19)
```
#6d4a0e
```
#6d4a0e rgb(109,74,14)
```
#724b09
```
#724b09 rgb(114,75,9)
```
#764c05
```
#764c05 rgb(118,76,5)
```

Tone Color Variation

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

#474747 Achromatopsia 0.005% of the population
#4b473f Atypical Achromatopsia 0.001% of the population

Dichromacy

#59512d Protanopia 1% of men
#634e2c Deuteranopia 1% of men
#654a4f Tritanopia 0.001% of the population

Trichromacy

#594d29 Protanomaly 1% of men, 0.01% of women
#604a28 Deuteranomaly 6% of men, 0.4% of women
#61483e Tritanomaly 0.01% of the population

#5a4521 hex color

#5a4521 Color Information

#5a4521 Color Conversion

Color Schemes with #5a4521

Alternatives to #5a4521

#5a4521 Preview

Shades and Tints of #5a4521

Tones of #5a4521

Color Blindness Simulator