colorhexa.com

#5a4122 hex color

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

- R 35
- G 25
- B 13
RGB color chart
- C 0
- M 28
- Y 62
- K 65
CMYK color chart

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

The hexadecimal color #5a4122 has RGB values of R:90, G:65, B:34 and CMYK values of C:0, M:0.28, Y:0.62, K:0.65. Its decimal value is 5914914.

Hex triplet	5a4122	`#5a4122`
RGB Decimal	90, 65, 34	`rgb(90,65,34)`
RGB Percent	35.3, 25.5, 13.3	`rgb(35.3%,25.5%,13.3%)`
CMYK	0, 28, 62, 65
HSL	33.2°, 45.2, 24.3	`hsl(33.2,45.2%,24.3%)`
HSV (or HSB)	33.2°, 62.2, 35.3
Web Safe	663333	`#663333`

CIE-LAB	29.589, 6.866, 22.932
XYZ	6.396, 6.07, 2.348
xyY	0.432, 0.41, 6.07
CIE-LCH	29.589, 23.938, 73.332
CIE-LUV	29.589, 18.074, 20.96
Hunter-Lab	24.638, 3.22, 11.596
Binary	01011010, 01000001, 00100010

#5a4122
```
#5a4122 rgb(90,65,34)
```
#223b5a
```
#223b5a rgb(34,59,90)
```

Complementary Color

#5a2522
```
#5a2522 rgb(90,37,34)
```
#5a4122
```
#5a4122 rgb(90,65,34)
```
#575a22
```
#575a22 rgb(87,90,34)
```

Analogous Color

#25225a
```
#25225a rgb(37,34,90)
```
#5a4122
```
#5a4122 rgb(90,65,34)
```
#22575a
```
#22575a rgb(34,87,90)
```

Split Complementary Color

#22190d
```
#22190d rgb(34,25,13)
```
#352614
```
#352614 rgb(53,38,20)
```
#47341b
```
#47341b rgb(71,52,27)
```
#5a4122
```
#5a4122 rgb(90,65,34)
```
#6d4e29
```
#6d4e29 rgb(109,78,41)
```
#7f5c30
```
#7f5c30 rgb(127,92,48)
```
#926937
```
#926937 rgb(146,105,55)
```

Monochromatic Color

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

#5a3322
```
#5a3322 rgb(90,51,34)
```
#5a3822
```
#5a3822 rgb(90,56,34)
```
#5a3c22
```
#5a3c22 rgb(90,60,34)
```
#5a4122
```
#5a4122 rgb(90,65,34)
```
#5a4622
```
#5a4622 rgb(90,70,34)
```
#5a4a22
```
#5a4a22 rgb(90,74,34)
```
#5a4f22
```
#5a4f22 rgb(90,79,34)
```

Similar Colors

Text with hexadecimal color #5a4122

This text has a font color of #5a4122.

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

#5a4122 background color

This paragraph has a background color of #5a4122.

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

#5a4122 border color

This element has a border color of #5a4122.

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

CSS codes

.text {color:#5a4122;}

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

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

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)
```
#21180c
```
#21180c rgb(33,24,12)
```
#2f2212
```
#2f2212 rgb(47,34,18)
```
#3e2c17
```
#3e2c17 rgb(62,44,23)
```
#4c371d
```
#4c371d rgb(76,55,29)
```
#5a4122
```
#5a4122 rgb(90,65,34)
```
#684b27
```
#684b27 rgb(104,75,39)
```
#76562d
```
#76562d rgb(118,86,45)
```
#856032
```
#856032 rgb(133,96,50)
```
#936a38
```
#936a38 rgb(147,106,56)
```
#a1743d
```
#a1743d rgb(161,116,61)
```
#af7f42
```
#af7f42 rgb(175,127,66)
```

Shade Color Variation

#bb894a
```
#bb894a rgb(187,137,74)
```
#c09259
```
#c09259 rgb(192,146,89)
```
#c69b67
```
#c69b67 rgb(198,155,103)
```
#cba575
```
#cba575 rgb(203,165,117)
```
#d0ae83
```
#d0ae83 rgb(208,174,131)
```
#d6b792
```
#d6b792 rgb(214,183,146)
```
#dbc1a0
```
#dbc1a0 rgb(219,193,160)
```
#e0caae
```
#e0caae rgb(224,202,174)
```
#e6d3bc
```
#e6d3bc rgb(230,211,188)
```
#ebddcb
```
#ebddcb rgb(235,221,203)
```
#f1e6d9
```
#f1e6d9 rgb(241,230,217)
```
#f6efe7
```
#f6efe7 rgb(246,239,231)
```
#fbf9f5
```
#fbf9f5 rgb(251,249,245)
```

Tint Color Variation

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

#423e3a
```
#423e3a rgb(66,62,58)
```
#473f35
```
#473f35 rgb(71,63,53)
```
#4c3f30
```
#4c3f30 rgb(76,63,48)
```
#50402c
```
#50402c rgb(80,64,44)
```
#554027
```
#554027 rgb(85,64,39)
```
#5a4122
```
#5a4122 rgb(90,65,34)
```
#5f421d
```
#5f421d rgb(95,66,29)
```
#644218
```
#644218 rgb(100,66,24)
```
#684314
```
#684314 rgb(104,67,20)
```
#6d430f
```
#6d430f rgb(109,67,15)
```
#72440a
```
#72440a rgb(114,68,10)
```
#774405
```
#774405 rgb(119,68,5)
```
#7b4501
```
#7b4501 rgb(123,69,1)
```

Tone Color Variation

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

#454545 Achromatopsia 0.005% of the population
#49443e Atypical Achromatopsia 0.001% of the population

Dichromacy

#564f2f Protanopia 1% of men
#604b2d Deuteranopia 1% of men
#65474c Tritanopia 0.001% of the population

Trichromacy

#574a2a Protanomaly 1% of men, 0.01% of women
#5d4729 Deuteranomaly 6% of men, 0.4% of women
#61443c Tritanomaly 0.01% of the population