#5a3217 hex color

In a RGB color space, hex #5a3217 is composed of 35.3% red, 19.6% green and 9% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 44.4% magenta, 74.4% yellow and 64.7% black. It has a hue angle of 24.2 degrees, a saturation of 59.3% and a lightness of 22.2%. #5a3217 color hex could be obtained by blending #b4642e with #000000. Closest websafe color is: #663300.

♥
- f
- t
- g
- R 35
- G 20
- B 9
RGB color chart
- C 0
- M 44
- Y 74
- K 65
CMYK color chart

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

The hexadecimal color #5a3217 has RGB values of R:90, G:50, B:23 and CMYK values of C:0, M:0.44, Y:0.74, K:0.65. Its decimal value is 5911063.

Hex triplet	5a3217	`#5a3217`
RGB Decimal	90, 50, 23	`rgb(90,50,23)`
RGB Percent	35.3, 19.6, 9	`rgb(35.3%,19.6%,9%)`
CMYK	0, 44, 74, 65
HSL	24.2°, 59.3, 22.2	`hsl(24.2,59.3%,22.2%)`
HSV (or HSB)	24.2°, 74.4, 35.3
Web Safe	663300	`#663300`

CIE-LAB	25.312, 15.463, 24.461
XYZ	5.512, 4.517, 1.392
xyY	0.483, 0.396, 4.517
CIE-LCH	25.312, 28.939, 57.7
CIE-LUV	25.312, 28.576, 18.626
Hunter-Lab	21.254, 9.098, 10.994
Binary	01011010, 00110010, 00010111

#5a3217
```
#5a3217 rgb(90,50,23)
```
#173f5a
```
#173f5a rgb(23,63,90)
```

Complementary Color

#5a171e
```
#5a171e rgb(90,23,30)
```
#5a3217
```
#5a3217 rgb(90,50,23)
```
#5a5417
```
#5a5417 rgb(90,84,23)
```

Analogous Color

#171e5a
```
#171e5a rgb(23,30,90)
```
#5a3217
```
#5a3217 rgb(90,50,23)
```
#175a54
```
#175a54 rgb(23,90,84)
```

Split Complementary Color

#32175a
```
#32175a rgb(50,23,90)
```
#5a3217
```
#5a3217 rgb(90,50,23)
```
#175a32
```
#175a32 rgb(23,90,50)
```

Triadic Color

#5a173f
```
#5a173f rgb(90,23,63)
```
#5a3217
```
#5a3217 rgb(90,50,23)
```
#175a32
```
#175a32 rgb(23,90,50)
```
#173f5a
```
#173f5a rgb(23,63,90)
```

Tetradic Color

#1d1007
```
#1d1007 rgb(29,16,7)
```
#311b0d
```
#311b0d rgb(49,27,13)
```
#462712
```
#462712 rgb(70,39,18)
```
#5a3217
```
#5a3217 rgb(90,50,23)
```
#6e3d1c
```
#6e3d1c rgb(110,61,28)
```
#834921
```
#834921 rgb(131,73,33)
```
#975427
```
#975427 rgb(151,84,39)
```

Monochromatic Color

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

#5a2117
```
#5a2117 rgb(90,33,23)
```
#5a2717
```
#5a2717 rgb(90,39,23)
```
#5a2c17
```
#5a2c17 rgb(90,44,23)
```
#5a3217
```
#5a3217 rgb(90,50,23)
```
#5a3817
```
#5a3817 rgb(90,56,23)
```
#5a3d17
```
#5a3d17 rgb(90,61,23)
```
#5a4317
```
#5a4317 rgb(90,67,23)
```

Similar Colors

Text with hexadecimal color #5a3217

This text has a font color of #5a3217.

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

#5a3217 background color

This paragraph has a background color of #5a3217.

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

#5a3217 border color

This element has a border color of #5a3217.

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

CSS codes

.text {color:#5a3217;}

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

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

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

#0c0703
```
#0c0703 rgb(12,7,3)
```
#1c0f07
```
#1c0f07 rgb(28,15,7)
```
#2b180b
```
#2b180b rgb(43,24,11)
```
#3b210f
```
#3b210f rgb(59,33,15)
```
#4a2913
```
#4a2913 rgb(74,41,19)
```
#5a3217
```
#5a3217 rgb(90,50,23)
```
#6a3b1b
```
#6a3b1b rgb(106,59,27)
```
#79431f
```
#79431f rgb(121,67,31)
```
#894c23
```
#894c23 rgb(137,76,35)
```
#985527
```
#985527 rgb(152,85,39)
```
#a85d2b
```
#a85d2b rgb(168,93,43)
```
#b8662f
```
#b8662f rgb(184,102,47)
```
#c76f33
```
#c76f33 rgb(199,111,51)
```

Shade Color Variation

#ce7940
```
#ce7940 rgb(206,121,64)
```
#d2844f
```
#d2844f rgb(210,132,79)
```
#d68f5f
```
#d68f5f rgb(214,143,95)
```
#da9a6f
```
#da9a6f rgb(218,154,111)
```
#dea57e
```
#dea57e rgb(222,165,126)
```
#e2b08e
```
#e2b08e rgb(226,176,142)
```
#e6bb9e
```
#e6bb9e rgb(230,187,158)
```
#eac6ad
```
#eac6ad rgb(234,198,173)
```
#eed1bd
```
#eed1bd rgb(238,209,189)
```
#f2dccc
```
#f2dccc rgb(242,220,204)
```
#f6e7dc
```
#f6e7dc rgb(246,231,220)
```
#faf1ec
```
#faf1ec rgb(250,241,236)
```
#fefcfb
```
#fefcfb rgb(254,252,251)
```

Tint Color Variation

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

#3c3835
```
#3c3835 rgb(60,56,53)
```
#403731
```
#403731 rgb(64,55,49)
```
#44362d
```
#44362d rgb(68,54,45)
```
#493528
```
#493528 rgb(73,53,40)
```
#4d3524
```
#4d3524 rgb(77,53,36)
```
#513420
```
#513420 rgb(81,52,32)
```
#56331b
```
#56331b rgb(86,51,27)
```
#5a3217
```
#5a3217 rgb(90,50,23)
```
#5e3113
```
#5e3113 rgb(94,49,19)
```
#63300e
```
#63300e rgb(99,48,14)
```
#672f0a
```
#672f0a rgb(103,47,10)
```
#6b2f06
```
#6b2f06 rgb(107,47,6)
```
#702e01
```
#702e01 rgb(112,46,1)
```

Tone Color Variation

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

#3b3b3b Achromatopsia 0.005% of the population
#413934 Atypical Achromatopsia 0.001% of the population

Dichromacy

#4d4626 Protanopia 1% of men
#564221 Deuteranopia 1% of men
#64393d Tritanopia 0.001% of the population

Trichromacy

#513e20 Protanomaly 1% of men, 0.01% of women
#573c1d Deuteranomaly 6% of men, 0.4% of women
#60362f Tritanomaly 0.01% of the population

#5a3217 hex color

#5a3217 Color Information

#5a3217 Color Conversion

Color Schemes with #5a3217

Alternatives to #5a3217

#5a3217 Preview

Shades and Tints of #5a3217

Tones of #5a3217

Color Blindness Simulator