#5a4522 hex color

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

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

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

The hexadecimal color #5a4522 has RGB values of R:90, G:69, B:34 and CMYK values of C:0, M:0.23, Y:0.62, K:0.65. Its decimal value is 5915938.

Hex triplet	5a4522	`#5a4522`
RGB Decimal	90, 69, 34	`rgb(90,69,34)`
RGB Percent	35.3, 27.1, 13.3	`rgb(35.3%,27.1%,13.3%)`
CMYK	0, 23, 62, 65
HSL	37.5°, 45.2, 24.3	`hsl(37.5,45.2%,24.3%)`
HSV (or HSB)	37.5°, 62.2, 35.3
Web Safe	663333	`#663333`

CIE-LAB	30.749, 4.352, 24.314
XYZ	6.633, 6.546, 2.427
xyY	0.425, 0.419, 6.546
CIE-LCH	30.749, 24.7, 79.852
CIE-LUV	30.749, 15.531, 22.859
Hunter-Lab	25.585, 1.507, 12.284
Binary	01011010, 01000101, 00100010

#5a4522
```
#5a4522 rgb(90,69,34)
```
#22375a
```
#22375a rgb(34,55,90)
```

Complementary Color

#5a2922
```
#5a2922 rgb(90,41,34)
```
#5a4522
```
#5a4522 rgb(90,69,34)
```
#535a22
```
#535a22 rgb(83,90,34)
```

Analogous Color

#29225a
```
#29225a rgb(41,34,90)
```
#5a4522
```
#5a4522 rgb(90,69,34)
```
#22535a
```
#22535a rgb(34,83,90)
```

Split Complementary Color

#45225a
```
#45225a rgb(69,34,90)
```
#5a4522
```
#5a4522 rgb(90,69,34)
```
#225a45
```
#225a45 rgb(34,90,69)
```

Triadic Color

#5a2237
```
#5a2237 rgb(90,34,55)
```
#5a4522
```
#5a4522 rgb(90,69,34)
```
#225a45
```
#225a45 rgb(34,90,69)
```
#22375a
```
#22375a rgb(34,55,90)
```

Tetradic Color

#221a0d
```
#221a0d rgb(34,26,13)
```
#352914
```
#352914 rgb(53,41,20)
```
#47371b
```
#47371b rgb(71,55,27)
```
#5a4522
```
#5a4522 rgb(90,69,34)
```
#6d5329
```
#6d5329 rgb(109,83,41)
```
#7f6130
```
#7f6130 rgb(127,97,48)
```
#927037
```
#927037 rgb(146,112,55)
```

Monochromatic Color

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

#5a3722
```
#5a3722 rgb(90,55,34)
```
#5a3c22
```
#5a3c22 rgb(90,60,34)
```
#5a4022
```
#5a4022 rgb(90,64,34)
```
#5a4522
```
#5a4522 rgb(90,69,34)
```
#5a4a22
```
#5a4a22 rgb(90,74,34)
```
#5a4e22
```
#5a4e22 rgb(90,78,34)
```
#5a5322
```
#5a5322 rgb(90,83,34)
```

Similar Colors

Text with hexadecimal color #5a4522

This text has a font color of #5a4522.

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

#5a4522 background color

This paragraph has a background color of #5a4522.

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

#5a4522 border color

This element has a border color of #5a4522.

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

CSS codes

.text {color:#5a4522;}

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

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

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

#050402
```
#050402 rgb(5,4,2)
```
#130e07
```
#130e07 rgb(19,14,7)
```
#21190c
```
#21190c rgb(33,25,12)
```
#2f2412
```
#2f2412 rgb(47,36,18)
```
#3e2f17
```
#3e2f17 rgb(62,47,23)
```
#4c3a1d
```
#4c3a1d rgb(76,58,29)
```
#5a4522
```
#5a4522 rgb(90,69,34)
```
#685027
```
#685027 rgb(104,80,39)
```
#765b2d
```
#765b2d rgb(118,91,45)
```
#856632
```
#856632 rgb(133,102,50)
```
#937138
```
#937138 rgb(147,113,56)
```
#a17c3d
```
#a17c3d rgb(161,124,61)
```
#af8642
```
#af8642 rgb(175,134,66)
```

Shade Color Variation

#bb914a
```
#bb914a rgb(187,145,74)
```
#c09959
```
#c09959 rgb(192,153,89)
```
#c6a267
```
#c6a267 rgb(198,162,103)
```
#cbab75
```
#cbab75 rgb(203,171,117)
```
#d0b383
```
#d0b383 rgb(208,179,131)
```
#d6bc92
```
#d6bc92 rgb(214,188,146)
```
#dbc5a0
```
#dbc5a0 rgb(219,197,160)
```
#e0ceae
```
#e0ceae rgb(224,206,174)
```
#e6d6bc
```
#e6d6bc rgb(230,214,188)
```
#ebdfcb
```
#ebdfcb rgb(235,223,203)
```
#f1e8d9
```
#f1e8d9 rgb(241,232,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 #7b4d01 is the most saturated one.

#423f3a
```
#423f3a rgb(66,63,58)
```
#474035
```
#474035 rgb(71,64,53)
```
#4c4130
```
#4c4130 rgb(76,65,48)
```
#50432c
```
#50432c rgb(80,67,44)
```
#554427
```
#554427 rgb(85,68,39)
```
#5a4522
```
#5a4522 rgb(90,69,34)
```
#5f461d
```
#5f461d rgb(95,70,29)
```
#644718
```
#644718 rgb(100,71,24)
```
#684914
```
#684914 rgb(104,73,20)
```
#6d4a0f
```
#6d4a0f rgb(109,74,15)
```
#724b0a
```
#724b0a rgb(114,75,10)
```
#774c05
```
#774c05 rgb(119,76,5)
```
#7b4d01
```
#7b4d01 rgb(123,77,1)
```

Tone Color Variation

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

Dichromacy

#59512e Protanopia 1% of men
#634e2d Deuteranopia 1% of men
#654a4f Tritanopia 0.001% of the population

Trichromacy

#594d2a Protanomaly 1% of men, 0.01% of women
#604a29 Deuteranomaly 6% of men, 0.4% of women
#61483f Tritanomaly 0.01% of the population

#5a4522 hex color

#5a4522 Color Information

#5a4522 Color Conversion

Color Schemes with #5a4522

Alternatives to #5a4522

#5a4522 Preview

Shades and Tints of #5a4522

Tones of #5a4522

Color Blindness Simulator