#5a4422 hex color

In a RGB color space, hex #5a4422 is composed of 35.3% red, 26.7% green and 13.3% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 24.4% magenta, 62.2% yellow and 64.7% black. It has a hue angle of 36.4 degrees, a saturation of 45.2% and a lightness of 24.3%. #5a4422 color hex could be obtained by blending #b48844 with #000000. Closest websafe color is: #663333.

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

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

The hexadecimal color #5a4422 has RGB values of R:90, G:68, B:34 and CMYK values of C:0, M:0.24, Y:0.62, K:0.65. Its decimal value is 5915682.

Hex triplet	5a4422	`#5a4422`
RGB Decimal	90, 68, 34	`rgb(90,68,34)`
RGB Percent	35.3, 26.7, 13.3	`rgb(35.3%,26.7%,13.3%)`
CMYK	0, 24, 62, 65
HSL	36.4°, 45.2, 24.3	`hsl(36.4,45.2%,24.3%)`
HSV (or HSB)	36.4°, 62.2, 35.3
Web Safe	663333	`#663333`

CIE-LAB	30.457, 4.979, 23.968
XYZ	6.572, 6.424, 2.407
xyY	0.427, 0.417, 6.424
CIE-LCH	30.457, 24.479, 78.265
CIE-LUV	30.457, 16.167, 22.382
Hunter-Lab	25.345, 1.934, 12.111
Binary	01011010, 01000100, 00100010

#5a4422
```
#5a4422 rgb(90,68,34)
```
#22385a
```
#22385a rgb(34,56,90)
```

Complementary Color

#5a2822
```
#5a2822 rgb(90,40,34)
```
#5a4422
```
#5a4422 rgb(90,68,34)
```
#545a22
```
#545a22 rgb(84,90,34)
```

Analogous Color

#28225a
```
#28225a rgb(40,34,90)
```
#5a4422
```
#5a4422 rgb(90,68,34)
```
#22545a
```
#22545a rgb(34,84,90)
```

Split Complementary Color

#44225a
```
#44225a rgb(68,34,90)
```
#5a4422
```
#5a4422 rgb(90,68,34)
```
#225a44
```
#225a44 rgb(34,90,68)
```

Triadic Color

#5a2238
```
#5a2238 rgb(90,34,56)
```
#5a4422
```
#5a4422 rgb(90,68,34)
```
#225a44
```
#225a44 rgb(34,90,68)
```
#22385a
```
#22385a rgb(34,56,90)
```

Tetradic Color

#221a0d
```
#221a0d rgb(34,26,13)
```
#352814
```
#352814 rgb(53,40,20)
```
#47361b
```
#47361b rgb(71,54,27)
```
#5a4422
```
#5a4422 rgb(90,68,34)
```
#6d5229
```
#6d5229 rgb(109,82,41)
```
#7f6030
```
#7f6030 rgb(127,96,48)
```
#926e37
```
#926e37 rgb(146,110,55)
```

Monochromatic Color

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

#5a3622
```
#5a3622 rgb(90,54,34)
```
#5a3b22
```
#5a3b22 rgb(90,59,34)
```
#5a3f22
```
#5a3f22 rgb(90,63,34)
```
#5a4422
```
#5a4422 rgb(90,68,34)
```
#5a4922
```
#5a4922 rgb(90,73,34)
```
#5a4d22
```
#5a4d22 rgb(90,77,34)
```
#5a5222
```
#5a5222 rgb(90,82,34)
```

Similar Colors

Text with hexadecimal color #5a4422

This text has a font color of #5a4422.

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

#5a4422 background color

This paragraph has a background color of #5a4422.

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

#5a4422 border color

This element has a border color of #5a4422.

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

CSS codes

.text {color:#5a4422;}

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

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

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

#050302
```
#050302 rgb(5,3,2)
```
#130e07
```
#130e07 rgb(19,14,7)
```
#21190c
```
#21190c rgb(33,25,12)
```
#2f2412
```
#2f2412 rgb(47,36,18)
```
#3e2e17
```
#3e2e17 rgb(62,46,23)
```
#4c391d
```
#4c391d rgb(76,57,29)
```
#5a4422
```
#5a4422 rgb(90,68,34)
```
#684f27
```
#684f27 rgb(104,79,39)
```
#765a2d
```
#765a2d rgb(118,90,45)
```
#856432
```
#856432 rgb(133,100,50)
```
#936f38
```
#936f38 rgb(147,111,56)
```
#a17a3d
```
#a17a3d rgb(161,122,61)
```
#af8542
```
#af8542 rgb(175,133,66)
```

Shade Color Variation

#bb8f4a
```
#bb8f4a rgb(187,143,74)
```
#c09859
```
#c09859 rgb(192,152,89)
```
#c6a067
```
#c6a067 rgb(198,160,103)
```
#cba975
```
#cba975 rgb(203,169,117)
```
#d0b283
```
#d0b283 rgb(208,178,131)
```
#d6bb92
```
#d6bb92 rgb(214,187,146)
```
#dbc4a0
```
#dbc4a0 rgb(219,196,160)
```
#e0cdae
```
#e0cdae rgb(224,205,174)
```
#e6d6bc
```
#e6d6bc rgb(230,214,188)
```
#ebdecb
```
#ebdecb rgb(235,222,203)
```
#f1e7d9
```
#f1e7d9 rgb(241,231,217)
```
#f6f0e7
```
#f6f0e7 rgb(246,240,231)
```
#fbf9f5
```
#fbf9f5 rgb(251,249,245)
```

Tint Color Variation

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

#423f3a
```
#423f3a rgb(66,63,58)
```
#474035
```
#474035 rgb(71,64,53)
```
#4c4130
```
#4c4130 rgb(76,65,48)
```
#50422c
```
#50422c rgb(80,66,44)
```
#554327
```
#554327 rgb(85,67,39)
```
#5a4422
```
#5a4422 rgb(90,68,34)
```
#5f451d
```
#5f451d rgb(95,69,29)
```
#644618
```
#644618 rgb(100,70,24)
```
#684714
```
#684714 rgb(104,71,20)
```
#6d480f
```
#6d480f rgb(109,72,15)
```
#72490a
```
#72490a rgb(114,73,10)
```
#774a05
```
#774a05 rgb(119,74,5)
```
#7b4b01
```
#7b4b01 rgb(123,75,1)
```

Tone Color Variation

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

Dichromacy

#59512e Protanopia 1% of men
#624d2d Deuteranopia 1% of men
#65494e Tritanopia 0.001% of the population

Trichromacy

#594c2a Protanomaly 1% of men, 0.01% of women
#5f4a29 Deuteranomaly 6% of men, 0.4% of women
#61473e Tritanomaly 0.01% of the population

#5a4422 hex color

#5a4422 Color Information

#5a4422 Color Conversion

Color Schemes with #5a4422

Alternatives to #5a4422

#5a4422 Preview

Shades and Tints of #5a4422

Tones of #5a4422

Color Blindness Simulator