#5a4516 hex color

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

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

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

The hexadecimal color #5a4516 has RGB values of R:90, G:69, B:22 and CMYK values of C:0, M:0.23, Y:0.76, K:0.65. Its decimal value is 5915926.

Hex triplet	5a4516	`#5a4516`
RGB Decimal	90, 69, 22	`rgb(90,69,22)`
RGB Percent	35.3, 27.1, 8.6	`rgb(35.3%,27.1%,8.6%)`
CMYK	0, 23, 76, 65
HSL	41.5°, 60.7, 22	`hsl(41.5,60.7%,22%)`
HSV (or HSB)	41.5°, 75.6, 35.3
Web Safe	663300	`#663300`

CIE-LAB	30.612, 3.445, 30.679
XYZ	6.489, 6.488, 1.67
xyY	0.443, 0.443, 6.488
CIE-LCH	30.612, 30.871, 83.593
CIE-LUV	30.612, 16.197, 27.167
Hunter-Lab	25.472, 0.901, 13.944
Binary	01011010, 01000101, 00010110

#5a4516
```
#5a4516 rgb(90,69,22)
```
#162b5a
```
#162b5a rgb(22,43,90)
```

Complementary Color

#5a2316
```
#5a2316 rgb(90,35,22)
```
#5a4516
```
#5a4516 rgb(90,69,22)
```
#4d5a16
```
#4d5a16 rgb(77,90,22)
```

Analogous Color

#23165a
```
#23165a rgb(35,22,90)
```
#5a4516
```
#5a4516 rgb(90,69,22)
```
#164d5a
```
#164d5a rgb(22,77,90)
```

Split Complementary Color

#45165a
```
#45165a rgb(69,22,90)
```
#5a4516
```
#5a4516 rgb(90,69,22)
```
#165a45
```
#165a45 rgb(22,90,69)
```

Triadic Color

#5a162b
```
#5a162b rgb(90,22,43)
```
#5a4516
```
#5a4516 rgb(90,69,22)
```
#165a45
```
#165a45 rgb(22,90,69)
```
#162b5a
```
#162b5a rgb(22,43,90)
```

Tetradic Color

#1d1607
```
#1d1607 rgb(29,22,7)
```
#31260c
```
#31260c rgb(49,38,12)
```
#463511
```
#463511 rgb(70,53,17)
```
#5a4516
```
#5a4516 rgb(90,69,22)
```
#6e551b
```
#6e551b rgb(110,85,27)
```
#836420
```
#836420 rgb(131,100,32)
```
#977425
```
#977425 rgb(151,116,37)
```

Monochromatic Color

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

#5a3416
```
#5a3416 rgb(90,52,22)
```
#5a3a16
```
#5a3a16 rgb(90,58,22)
```
#5a3f16
```
#5a3f16 rgb(90,63,22)
```
#5a4516
```
#5a4516 rgb(90,69,22)
```
#5a4b16
```
#5a4b16 rgb(90,75,22)
```
#5a5016
```
#5a5016 rgb(90,80,22)
```
#5a5616
```
#5a5616 rgb(90,86,22)
```

Similar Colors

Text with hexadecimal color #5a4516

This text has a font color of #5a4516.

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

#5a4516 background color

This paragraph has a background color of #5a4516.

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

#5a4516 border color

This element has a border color of #5a4516.

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

CSS codes

.text {color:#5a4516;}

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

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

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

#0b0903
```
#0b0903 rgb(11,9,3)
```
#1b1507
```
#1b1507 rgb(27,21,7)
```
#2b210a
```
#2b210a rgb(43,33,10)
```
#3a2d0e
```
#3a2d0e rgb(58,45,14)
```
#4a3912
```
#4a3912 rgb(74,57,18)
```
#5a4516
```
#5a4516 rgb(90,69,22)
```
#6a511a
```
#6a511a rgb(106,81,26)
```
#7a5d1e
```
#7a5d1e rgb(122,93,30)
```
#896922
```
#896922 rgb(137,105,34)
```
#997525
```
#997525 rgb(153,117,37)
```
#a98129
```
#a98129 rgb(169,129,41)
```
#b98e2d
```
#b98e2d rgb(185,142,45)
```
#c89a31
```
#c89a31 rgb(200,154,49)
```

Shade Color Variation

#d0a23d
```
#d0a23d rgb(208,162,61)
```
#d3aa4d
```
#d3aa4d rgb(211,170,77)
```
#d7b25d
```
#d7b25d rgb(215,178,93)
```
#dbb96d
```
#dbb96d rgb(219,185,109)
```
#dfc17c
```
#dfc17c rgb(223,193,124)
```
#e3c88c
```
#e3c88c rgb(227,200,140)
```
#e7d09c
```
#e7d09c rgb(231,208,156)
```
#ebd7ac
```
#ebd7ac rgb(235,215,172)
```
#eedfbb
```
#eedfbb rgb(238,223,187)
```
#f2e6cb
```
#f2e6cb rgb(242,230,203)
```
#f6eedb
```
#f6eedb rgb(246,238,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 #704d00 is the most saturated one.

#3c3934
```
#3c3934 rgb(60,57,52)
```
#403b30
```
#403b30 rgb(64,59,48)
```
#443d2c
```
#443d2c rgb(68,61,44)
```
#493e27
```
#493e27 rgb(73,62,39)
```
#4d4023
```
#4d4023 rgb(77,64,35)
```
#51421f
```
#51421f rgb(81,66,31)
```
#56431a
```
#56431a rgb(86,67,26)
```
#5a4516
```
#5a4516 rgb(90,69,22)
```
#5e4712
```
#5e4712 rgb(94,71,18)
```
#63480d
```
#63480d rgb(99,72,13)
```
#674a09
```
#674a09 rgb(103,74,9)
```
#6b4c05
```
#6b4c05 rgb(107,76,5)
```
#704d00
```
#704d00 rgb(112,77,0)
```

Tone Color Variation

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

#464646 Achromatopsia 0.005% of the population
#4a463c Atypical Achromatopsia 0.001% of the population

Dichromacy

#5a5122 Protanopia 1% of men
#644d22 Deuteranopia 1% of men
#664a4f Tritanopia 0.001% of the population

Trichromacy

#5a4d1e Protanomaly 1% of men, 0.01% of women
#604a1d Deuteranomaly 6% of men, 0.4% of women
#61483a Tritanomaly 0.01% of the population

#5a4516 hex color

#5a4516 Color Information

#5a4516 Color Conversion

Color Schemes with #5a4516

Alternatives to #5a4516

#5a4516 Preview

Shades and Tints of #5a4516

Tones of #5a4516

Color Blindness Simulator