colorhexa.com

#5a3312 hex color

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

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

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

The hexadecimal color #5a3312 has RGB values of R:90, G:51, B:18 and CMYK values of C:0, M:0.43, Y:0.8, K:0.65. Its decimal value is 5911314.

Hex triplet	5a3312	`#5a3312`
RGB Decimal	90, 51, 18	`rgb(90,51,18)`
RGB Percent	35.3, 20, 7.1	`rgb(35.3%,20%,7.1%)`
CMYK	0, 43, 80, 65
HSL	27.5°, 66.7, 21.2	`hsl(27.5,66.7%,21.2%)`
HSV (or HSB)	27.5°, 80, 35.3
Web Safe	663300	`#663300`

CIE-LAB	25.519, 14.545, 27.487
XYZ	5.51, 4.585, 1.167
xyY	0.489, 0.407, 4.585
CIE-LCH	25.519, 31.098, 62.115
CIE-LUV	25.519, 28.351, 20.623
Hunter-Lab	21.414, 8.453, 11.758
Binary	01011010, 00110011, 00010010

#5a3312
```
#5a3312 rgb(90,51,18)
```
#12395a
```
#12395a rgb(18,57,90)
```

Complementary Color

#5a1215
```
#5a1215 rgb(90,18,21)
```
#5a3312
```
#5a3312 rgb(90,51,18)
```
#5a5712
```
#5a5712 rgb(90,87,18)
```

Analogous Color

#12155a
```
#12155a rgb(18,21,90)
```
#5a3312
```
#5a3312 rgb(90,51,18)
```
#125a57
```
#125a57 rgb(18,90,87)
```

Split Complementary Color

#1a0f05
```
#1a0f05 rgb(26,15,5)
```
#301b0a
```
#301b0a rgb(48,27,10)
```
#45270e
```
#45270e rgb(69,39,14)
```
#5a3312
```
#5a3312 rgb(90,51,18)
```
#6f3f16
```
#6f3f16 rgb(111,63,22)
```
#854b1b
```
#854b1b rgb(133,75,27)
```
#9a571f
```
#9a571f rgb(154,87,31)
```

Monochromatic Color

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

#5a2112
```
#5a2112 rgb(90,33,18)
```
#5a2712
```
#5a2712 rgb(90,39,18)
```
#5a2d12
```
#5a2d12 rgb(90,45,18)
```
#5a3312
```
#5a3312 rgb(90,51,18)
```
#5a3912
```
#5a3912 rgb(90,57,18)
```
#5a3f12
```
#5a3f12 rgb(90,63,18)
```
#5a4512
```
#5a4512 rgb(90,69,18)
```

Similar Colors

Text with hexadecimal color #5a3312

This text has a font color of #5a3312.

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

#5a3312 background color

This paragraph has a background color of #5a3312.

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

#5a3312 border color

This element has a border color of #5a3312.

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

CSS codes

.text {color:#5a3312;}

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

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

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)
```
#291708
```
#291708 rgb(41,23,8)
```
#39200b
```
#39200b rgb(57,32,11)
```
#4a2a0f
```
#4a2a0f rgb(74,42,15)
```
#5a3312
```
#5a3312 rgb(90,51,18)
```
#6a3c15
```
#6a3c15 rgb(106,60,21)
```
#7b4619
```
#7b4619 rgb(123,70,25)
```
#8b4f1c
```
#8b4f1c rgb(139,79,28)
```
#9b581f
```
#9b581f rgb(155,88,31)
```
#ac6122
```
#ac6122 rgb(172,97,34)
```
#bc6b26
```
#bc6b26 rgb(188,107,38)
```
#cc7429
```
#cc7429 rgb(204,116,41)
```

Shade Color Variation

#d67e33
```
#d67e33 rgb(214,126,51)
```
#d98843
```
#d98843 rgb(217,136,67)
```
#dd9253
```
#dd9253 rgb(221,146,83)
```
#e09d64
```
#e09d64 rgb(224,157,100)
```
#e3a774
```
#e3a774 rgb(227,167,116)
```
#e7b185
```
#e7b185 rgb(231,177,133)
```
#eabc95
```
#eabc95 rgb(234,188,149)
```
#edc6a5
```
#edc6a5 rgb(237,198,165)
```
#f0d0b6
```
#f0d0b6 rgb(240,208,182)
```
#f4dbc6
```
#f4dbc6 rgb(244,219,198)
```
#f7e5d6
```
#f7e5d6 rgb(247,229,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 #6b3201 is the most saturated one.

#393633
```
#393633 rgb(57,54,51)
```
#3d352f
```
#3d352f rgb(61,53,47)
```
#41352b
```
#41352b rgb(65,53,43)
```
#453527
```
#453527 rgb(69,53,39)
```
#493423
```
#493423 rgb(73,52,35)
```
#4e341e
```
#4e341e rgb(78,52,30)
```
#52341a
```
#52341a rgb(82,52,26)
```
#563316
```
#563316 rgb(86,51,22)
```
#5a3312
```
#5a3312 rgb(90,51,18)
```
#5e330e
```
#5e330e rgb(94,51,14)
```
#62320a
```
#62320a rgb(98,50,10)
```
#663206
```
#663206 rgb(102,50,6)
```
#6b3201
```
#6b3201 rgb(107,50,1)
```

Tone Color Variation

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

Dichromacy

#4e4620 Protanopia 1% of men
#57431c Deuteranopia 1% of men
#643a3e Tritanopia 0.001% of the population

Trichromacy

#523f1b Protanomaly 1% of men, 0.01% of women
#583d18 Deuteranomaly 6% of men, 0.4% of women
#60372e Tritanomaly 0.01% of the population