colorhexa.com

#5a3512 hex color

In a RGB color space, hex #5a3512 is composed of 35.3% red, 20.8% green and 7.1% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 41.1% magenta, 80% yellow and 64.7% black. It has a hue angle of 29.2 degrees, a saturation of 66.7% and a lightness of 21.2%. #5a3512 color hex could be obtained by blending #b46a24 with #000000. Closest websafe color is: #663300.

- R 35
- G 21
- B 7
RGB color chart
- C 0
- M 41
- Y 80
- K 65
CMYK color chart

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

The hexadecimal color #5a3512 has RGB values of R:90, G:53, B:18 and CMYK values of C:0, M:0.41, Y:0.8, K:0.65. Its decimal value is 5911826.

Hex triplet	5a3512	`#5a3512`
RGB Decimal	90, 53, 18	`rgb(90,53,18)`
RGB Percent	35.3, 20.8, 7.1	`rgb(35.3%,20.8%,7.1%)`
CMYK	0, 41, 80, 65
HSL	29.2°, 66.7, 21.2	`hsl(29.2,66.7%,21.2%)`
HSV (or HSB)	29.2°, 80, 35.3
Web Safe	663300	`#663300`

CIE-LAB	26.051, 13.291, 28.033
XYZ	5.599, 4.764, 1.197
xyY	0.484, 0.412, 4.764
CIE-LCH	26.051, 31.024, 64.633
CIE-LUV	26.051, 27.043, 21.436
Hunter-Lab	21.826, 7.592, 12.027
Binary	01011010, 00110101, 00010010

#5a3512
```
#5a3512 rgb(90,53,18)
```
#12375a
```
#12375a rgb(18,55,90)
```

Complementary Color

#5a1213
```
#5a1213 rgb(90,18,19)
```
#5a3512
```
#5a3512 rgb(90,53,18)
```
#5a5912
```
#5a5912 rgb(90,89,18)
```

Analogous Color

#12135a
```
#12135a rgb(18,19,90)
```
#5a3512
```
#5a3512 rgb(90,53,18)
```
#125a59
```
#125a59 rgb(18,90,89)
```

Split Complementary Color

#1a0f05
```
#1a0f05 rgb(26,15,5)
```
#301c0a
```
#301c0a rgb(48,28,10)
```
#45280e
```
#45280e rgb(69,40,14)
```
#5a3512
```
#5a3512 rgb(90,53,18)
```
#6f4216
```
#6f4216 rgb(111,66,22)
```
#854e1b
```
#854e1b rgb(133,78,27)
```
#9a5b1f
```
#9a5b1f rgb(154,91,31)
```

Monochromatic Color

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

#5a2312
```
#5a2312 rgb(90,35,18)
```
#5a2912
```
#5a2912 rgb(90,41,18)
```
#5a2f12
```
#5a2f12 rgb(90,47,18)
```
#5a3512
```
#5a3512 rgb(90,53,18)
```
#5a3b12
```
#5a3b12 rgb(90,59,18)
```
#5a4112
```
#5a4112 rgb(90,65,18)
```
#5a4712
```
#5a4712 rgb(90,71,18)
```

Similar Colors

Text with hexadecimal color #5a3512

This text has a font color of #5a3512.

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

#5a3512 background color

This paragraph has a background color of #5a3512.

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

#5a3512 border color

This element has a border color of #5a3512.

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

CSS codes

.text {color:#5a3512;}

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

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

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, #080502 is the darkest color, while #fdfaf7 is the lightest one.

#080502
```
#080502 rgb(8,5,2)
```
#190e05
```
#190e05 rgb(25,14,5)
```
#291808
```
#291808 rgb(41,24,8)
```
#39220b
```
#39220b rgb(57,34,11)
```
#4a2b0f
```
#4a2b0f rgb(74,43,15)
```
#5a3512
```
#5a3512 rgb(90,53,18)
```
#6a3f15
```
#6a3f15 rgb(106,63,21)
```
#7b4819
```
#7b4819 rgb(123,72,25)
```
#8b521c
```
#8b521c rgb(139,82,28)
```
#9b5c1f
```
#9b5c1f rgb(155,92,31)
```
#ac6522
```
#ac6522 rgb(172,101,34)
```
#bc6f26
```
#bc6f26 rgb(188,111,38)
```
#cc7829
```
#cc7829 rgb(204,120,41)
```

Shade Color Variation

#d68233
```
#d68233 rgb(214,130,51)
```
#d98c43
```
#d98c43 rgb(217,140,67)
```
#dd9653
```
#dd9653 rgb(221,150,83)
```
#e0a064
```
#e0a064 rgb(224,160,100)
```
#e3aa74
```
#e3aa74 rgb(227,170,116)
```
#e7b485
```
#e7b485 rgb(231,180,133)
```
#eabe95
```
#eabe95 rgb(234,190,149)
```
#edc8a5
```
#edc8a5 rgb(237,200,165)
```
#f0d2b6
```
#f0d2b6 rgb(240,210,182)
```
#f4dcc6
```
#f4dcc6 rgb(244,220,198)
```
#f7e6d6
```
#f7e6d6 rgb(247,230,214)
```
#faf0e7
```
#faf0e7 rgb(250,240,231)
```
#fdfaf7
```
#fdfaf7 rgb(253,250,247)
```

Tint Color Variation

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

#393633
```
#393633 rgb(57,54,51)
```
#3d362f
```
#3d362f rgb(61,54,47)
```
#41362b
```
#41362b rgb(65,54,43)
```
#453627
```
#453627 rgb(69,54,39)
```
#493523
```
#493523 rgb(73,53,35)
```
#4e351e
```
#4e351e rgb(78,53,30)
```
#52351a
```
#52351a rgb(82,53,26)
```
#563516
```
#563516 rgb(86,53,22)
```
#5a3512
```
#5a3512 rgb(90,53,18)
```
#5e350e
```
#5e350e rgb(94,53,14)
```
#62350a
```
#62350a rgb(98,53,10)
```
#663506
```
#663506 rgb(102,53,6)
```
#6b3501
```
#6b3501 rgb(107,53,1)
```

Tone Color Variation

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

#3c3c3c Achromatopsia 0.005% of the population
#423b34 Atypical Achromatopsia 0.001% of the population

Dichromacy

#4f4720 Protanopia 1% of men
#58441c Deuteranopia 1% of men
#643b3f Tritanopia 0.001% of the population

Trichromacy

#53401b Protanomaly 1% of men, 0.01% of women
#593e18 Deuteranomaly 6% of men, 0.4% of women
#60392f Tritanomaly 0.01% of the population