#5a4616 hex color

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

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

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

The hexadecimal color #5a4616 has RGB values of R:90, G:70, B:22 and CMYK values of C:0, M:0.22, Y:0.76, K:0.65. Its decimal value is 5916182.

Hex triplet	5a4616	`#5a4616`
RGB Decimal	90, 70, 22	`rgb(90,70,22)`
RGB Percent	35.3, 27.5, 8.6	`rgb(35.3%,27.5%,8.6%)`
CMYK	0, 22, 76, 65
HSL	42.4°, 60.7, 22	`hsl(42.4,60.7%,22%)`
HSV (or HSB)	42.4°, 75.6, 35.3
Web Safe	663300	`#663300`

CIE-LAB	30.907, 2.822, 30.983
XYZ	6.552, 6.612, 1.69
xyY	0.441, 0.445, 6.612
CIE-LCH	30.907, 31.111, 84.796
CIE-LUV	30.907, 15.536, 27.616
Hunter-Lab	25.714, 0.479, 14.103
Binary	01011010, 01000110, 00010110

#5a4616
```
#5a4616 rgb(90,70,22)
```
#162a5a
```
#162a5a rgb(22,42,90)
```

Complementary Color

#5a2416
```
#5a2416 rgb(90,36,22)
```
#5a4616
```
#5a4616 rgb(90,70,22)
```
#4c5a16
```
#4c5a16 rgb(76,90,22)
```

Analogous Color

#24165a
```
#24165a rgb(36,22,90)
```
#5a4616
```
#5a4616 rgb(90,70,22)
```
#164c5a
```
#164c5a rgb(22,76,90)
```

Split Complementary Color

#46165a
```
#46165a rgb(70,22,90)
```
#5a4616
```
#5a4616 rgb(90,70,22)
```
#165a46
```
#165a46 rgb(22,90,70)
```

Triadic Color

#5a162a
```
#5a162a rgb(90,22,42)
```
#5a4616
```
#5a4616 rgb(90,70,22)
```
#165a46
```
#165a46 rgb(22,90,70)
```
#162a5a
```
#162a5a rgb(22,42,90)
```

Tetradic Color

#1d1607
```
#1d1607 rgb(29,22,7)
```
#31260c
```
#31260c rgb(49,38,12)
```
#463611
```
#463611 rgb(70,54,17)
```
#5a4616
```
#5a4616 rgb(90,70,22)
```
#6e561b
```
#6e561b rgb(110,86,27)
```
#836620
```
#836620 rgb(131,102,32)
```
#977625
```
#977625 rgb(151,118,37)
```

Monochromatic Color

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

#5a3516
```
#5a3516 rgb(90,53,22)
```
#5a3b16
```
#5a3b16 rgb(90,59,22)
```
#5a4016
```
#5a4016 rgb(90,64,22)
```
#5a4616
```
#5a4616 rgb(90,70,22)
```
#5a4c16
```
#5a4c16 rgb(90,76,22)
```
#5a5116
```
#5a5116 rgb(90,81,22)
```
#5a5716
```
#5a5716 rgb(90,87,22)
```

Similar Colors

Text with hexadecimal color #5a4616

This text has a font color of #5a4616.

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

#5a4616 background color

This paragraph has a background color of #5a4616.

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

#5a4616 border color

This element has a border color of #5a4616.

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

CSS codes

.text {color:#5a4616;}

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

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

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)
```
#4a3a12
```
#4a3a12 rgb(74,58,18)
```
#5a4616
```
#5a4616 rgb(90,70,22)
```
#6a521a
```
#6a521a rgb(106,82,26)
```
#7a5f1e
```
#7a5f1e rgb(122,95,30)
```
#896b22
```
#896b22 rgb(137,107,34)
```
#997725
```
#997725 rgb(153,119,37)
```
#a98329
```
#a98329 rgb(169,131,41)
```
#b9902d
```
#b9902d rgb(185,144,45)
```
#c89c31
```
#c89c31 rgb(200,156,49)
```

Shade Color Variation

#d0a53d
```
#d0a53d rgb(208,165,61)
```
#d3ac4d
```
#d3ac4d rgb(211,172,77)
```
#d7b35d
```
#d7b35d rgb(215,179,93)
```
#dbbb6d
```
#dbbb6d rgb(219,187,109)
```
#dfc27c
```
#dfc27c rgb(223,194,124)
```
#e3c98c
```
#e3c98c rgb(227,201,140)
```
#e7d19c
```
#e7d19c rgb(231,209,156)
```
#ebd8ac
```
#ebd8ac rgb(235,216,172)
```
#eedfbb
```
#eedfbb rgb(238,223,187)
```
#f2e7cb
```
#f2e7cb rgb(242,231,203)
```
#f6eedb
```
#f6eedb rgb(246,238,219)
```
#faf6eb
```
#faf6eb rgb(250,246,235)
```
#fefdfa
```
#fefdfa rgb(254,253,250)
```

Tint Color Variation

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

#3c3a34
```
#3c3a34 rgb(60,58,52)
```
#403b30
```
#403b30 rgb(64,59,48)
```
#443d2c
```
#443d2c rgb(68,61,44)
```
#493f27
```
#493f27 rgb(73,63,39)
```
#4d4123
```
#4d4123 rgb(77,65,35)
```
#51421f
```
#51421f rgb(81,66,31)
```
#56441a
```
#56441a rgb(86,68,26)
```
#5a4616
```
#5a4616 rgb(90,70,22)
```
#5e4812
```
#5e4812 rgb(94,72,18)
```
#634a0d
```
#634a0d rgb(99,74,13)
```
#674b09
```
#674b09 rgb(103,75,9)
```
#6b4d05
```
#6b4d05 rgb(107,77,5)
```
#704f00
```
#704f00 rgb(112,79,0)
```

Tone Color Variation

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

Dichromacy

#5b5222 Protanopia 1% of men
#654e22 Deuteranopia 1% of men
#664a50 Tritanopia 0.001% of the population

Trichromacy

#5a4d1e Protanomaly 1% of men, 0.01% of women
#614b1e Deuteranomaly 6% of men, 0.4% of women
#61493b Tritanomaly 0.01% of the population

#5a4616 hex color

#5a4616 Color Information

#5a4616 Color Conversion

Color Schemes with #5a4616

Alternatives to #5a4616

#5a4616 Preview

Shades and Tints of #5a4616

Tones of #5a4616

Color Blindness Simulator