#5a4216 hex color

In a RGB color space, hex #5a4216 is composed of 35.3% red, 25.9% green and 8.6% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 26.7% magenta, 75.6% yellow and 64.7% black. It has a hue angle of 38.8 degrees, a saturation of 60.7% and a lightness of 22%. #5a4216 color hex could be obtained by blending #b4842c with #000000. Closest websafe color is: #663300.

♥
- f
- t
- g
- R 35
- G 26
- B 9
RGB color chart
- C 0
- M 27
- Y 76
- K 65
CMYK color chart

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

The hexadecimal color #5a4216 has RGB values of R:90, G:66, B:22 and CMYK values of C:0, M:0.27, Y:0.76, K:0.65. Its decimal value is 5915158.

Hex triplet	5a4216	`#5a4216`
RGB Decimal	90, 66, 22	`rgb(90,66,22)`
RGB Percent	35.3, 25.9, 8.6	`rgb(35.3%,25.9%,8.6%)`
CMYK	0, 27, 76, 65
HSL	38.8°, 60.7, 22	`hsl(38.8,60.7%,22%)`
HSV (or HSB)	38.8°, 75.6, 35.3
Web Safe	663300	`#663300`

CIE-LAB	29.734, 5.324, 29.767
XYZ	6.31, 6.128, 1.61
xyY	0.449, 0.436, 6.128
CIE-LCH	29.734, 30.239, 79.86
CIE-LUV	29.734, 18.183, 25.829
Hunter-Lab	24.756, 2.173, 13.474
Binary	01011010, 01000010, 00010110

#5a4216
```
#5a4216 rgb(90,66,22)
```
#162e5a
```
#162e5a rgb(22,46,90)
```

Complementary Color

#5a2016
```
#5a2016 rgb(90,32,22)
```
#5a4216
```
#5a4216 rgb(90,66,22)
```
#505a16
```
#505a16 rgb(80,90,22)
```

Analogous Color

#20165a
```
#20165a rgb(32,22,90)
```
#5a4216
```
#5a4216 rgb(90,66,22)
```
#16505a
```
#16505a rgb(22,80,90)
```

Split Complementary Color

#42165a
```
#42165a rgb(66,22,90)
```
#5a4216
```
#5a4216 rgb(90,66,22)
```
#165a42
```
#165a42 rgb(22,90,66)
```

Triadic Color

#5a162e
```
#5a162e rgb(90,22,46)
```
#5a4216
```
#5a4216 rgb(90,66,22)
```
#165a42
```
#165a42 rgb(22,90,66)
```
#162e5a
```
#162e5a rgb(22,46,90)
```

Tetradic Color

#1d1507
```
#1d1507 rgb(29,21,7)
```
#31240c
```
#31240c rgb(49,36,12)
```
#463311
```
#463311 rgb(70,51,17)
```
#5a4216
```
#5a4216 rgb(90,66,22)
```
#6e511b
```
#6e511b rgb(110,81,27)
```
#836020
```
#836020 rgb(131,96,32)
```
#976f25
```
#976f25 rgb(151,111,37)
```

Monochromatic Color

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

#5a3116
```
#5a3116 rgb(90,49,22)
```
#5a3716
```
#5a3716 rgb(90,55,22)
```
#5a3c16
```
#5a3c16 rgb(90,60,22)
```
#5a4216
```
#5a4216 rgb(90,66,22)
```
#5a4816
```
#5a4816 rgb(90,72,22)
```
#5a4d16
```
#5a4d16 rgb(90,77,22)
```
#5a5316
```
#5a5316 rgb(90,83,22)
```

Similar Colors

Text with hexadecimal color #5a4216

This text has a font color of #5a4216.

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

#5a4216 background color

This paragraph has a background color of #5a4216.

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

#5a4216 border color

This element has a border color of #5a4216.

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

CSS codes

.text {color:#5a4216;}

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

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

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, #0b0803 is the darkest color, while #fefdfa is the lightest one.

#0b0803
```
#0b0803 rgb(11,8,3)
```
#1b1407
```
#1b1407 rgb(27,20,7)
```
#2b1f0a
```
#2b1f0a rgb(43,31,10)
```
#3a2b0e
```
#3a2b0e rgb(58,43,14)
```
#4a3612
```
#4a3612 rgb(74,54,18)
```
#5a4216
```
#5a4216 rgb(90,66,22)
```
#6a4e1a
```
#6a4e1a rgb(106,78,26)
```
#7a591e
```
#7a591e rgb(122,89,30)
```
#896522
```
#896522 rgb(137,101,34)
```
#997025
```
#997025 rgb(153,112,37)
```
#a97c29
```
#a97c29 rgb(169,124,41)
```
#b9872d
```
#b9872d rgb(185,135,45)
```
#c89331
```
#c89331 rgb(200,147,49)
```

Shade Color Variation

#d09c3d
```
#d09c3d rgb(208,156,61)
```
#d3a44d
```
#d3a44d rgb(211,164,77)
```
#d7ac5d
```
#d7ac5d rgb(215,172,93)
```
#dbb46d
```
#dbb46d rgb(219,180,109)
```
#dfbc7c
```
#dfbc7c rgb(223,188,124)
```
#e3c48c
```
#e3c48c rgb(227,196,140)
```
#e7cc9c
```
#e7cc9c rgb(231,204,156)
```
#ebd4ac
```
#ebd4ac rgb(235,212,172)
```
#eedcbb
```
#eedcbb rgb(238,220,187)
```
#f2e4cb
```
#f2e4cb rgb(242,228,203)
```
#f6eddb
```
#f6eddb rgb(246,237,219)
```
#faf5eb
```
#faf5eb rgb(250,245,235)
```
#fefdfa
```
#fefdfa rgb(254,253,250)
```

Tint Color Variation

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

#3c3934
```
#3c3934 rgb(60,57,52)
```
#403a30
```
#403a30 rgb(64,58,48)
```
#443c2c
```
#443c2c rgb(68,60,44)
```
#493d27
```
#493d27 rgb(73,61,39)
```
#4d3e23
```
#4d3e23 rgb(77,62,35)
```
#513f1f
```
#513f1f rgb(81,63,31)
```
#56411a
```
#56411a rgb(86,65,26)
```
#5a4216
```
#5a4216 rgb(90,66,22)
```
#5e4312
```
#5e4312 rgb(94,67,18)
```
#63450d
```
#63450d rgb(99,69,13)
```
#674609
```
#674609 rgb(103,70,9)
```
#6b4705
```
#6b4705 rgb(107,71,5)
```
#704800
```
#704800 rgb(112,72,0)
```

Tone Color Variation

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

#444444 Achromatopsia 0.005% of the population
#48443b Atypical Achromatopsia 0.001% of the population

Dichromacy

#584f23 Protanopia 1% of men
#624c22 Deuteranopia 1% of men
#65474c Tritanopia 0.001% of the population

Trichromacy

#584a1e Protanomaly 1% of men, 0.01% of women
#5f481d Deuteranomaly 6% of men, 0.4% of women
#614538 Tritanomaly 0.01% of the population

#5a4216 hex color

#5a4216 Color Information

#5a4216 Color Conversion

Color Schemes with #5a4216

Alternatives to #5a4216

#5a4216 Preview

Shades and Tints of #5a4216

Tones of #5a4216

Color Blindness Simulator