#5a3c12 hex color

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

♥
- f
- t
- g
- R 35
- G 24
- B 7
RGB color chart
- C 0
- M 33
- Y 80
- K 65
CMYK color chart

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

The hexadecimal color #5a3c12 has RGB values of R:90, G:60, B:18 and CMYK values of C:0, M:0.33, Y:0.8, K:0.65. Its decimal value is 5913618.

Hex triplet	5a3c12	`#5a3c12`
RGB Decimal	90, 60, 18	`rgb(90,60,18)`
RGB Percent	35.3, 23.5, 7.1	`rgb(35.3%,23.5%,7.1%)`
CMYK	0, 33, 80, 65
HSL	35°, 66.7, 21.2	`hsl(35,66.7%,21.2%)`
HSV (or HSB)	35°, 80, 35.3
Web Safe	663300	`#663300`

CIE-LAB	27.979, 8.875, 29.983
XYZ	5.942, 5.449, 1.311
xyY	0.468, 0.429, 5.449
CIE-LCH	27.979, 31.269, 73.511
CIE-LUV	27.979, 22.395, 24.366
Hunter-Lab	23.344, 4.581, 13.011
Binary	01011010, 00111100, 00010010

#5a3c12
```
#5a3c12 rgb(90,60,18)
```
#12305a
```
#12305a rgb(18,48,90)
```

Complementary Color

#5a1812
```
#5a1812 rgb(90,24,18)
```
#5a3c12
```
#5a3c12 rgb(90,60,18)
```
#545a12
```
#545a12 rgb(84,90,18)
```

Analogous Color

#18125a
```
#18125a rgb(24,18,90)
```
#5a3c12
```
#5a3c12 rgb(90,60,18)
```
#12545a
```
#12545a rgb(18,84,90)
```

Split Complementary Color

#3c125a
```
#3c125a rgb(60,18,90)
```
#5a3c12
```
#5a3c12 rgb(90,60,18)
```
#125a3c
```
#125a3c rgb(18,90,60)
```

Triadic Color

#5a1230
```
#5a1230 rgb(90,18,48)
```
#5a3c12
```
#5a3c12 rgb(90,60,18)
```
#125a3c
```
#125a3c rgb(18,90,60)
```
#12305a
```
#12305a rgb(18,48,90)
```

Tetradic Color

#1a1205
```
#1a1205 rgb(26,18,5)
```
#30200a
```
#30200a rgb(48,32,10)
```
#452e0e
```
#452e0e rgb(69,46,14)
```
#5a3c12
```
#5a3c12 rgb(90,60,18)
```
#6f4a16
```
#6f4a16 rgb(111,74,22)
```
#85581b
```
#85581b rgb(133,88,27)
```
#9a671f
```
#9a671f rgb(154,103,31)
```

Monochromatic Color

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

#5a2a12
```
#5a2a12 rgb(90,42,18)
```
#5a3012
```
#5a3012 rgb(90,48,18)
```
#5a3612
```
#5a3612 rgb(90,54,18)
```
#5a3c12
```
#5a3c12 rgb(90,60,18)
```
#5a4212
```
#5a4212 rgb(90,66,18)
```
#5a4812
```
#5a4812 rgb(90,72,18)
```
#5a4e12
```
#5a4e12 rgb(90,78,18)
```

Similar Colors

Text with hexadecimal color #5a3c12

This text has a font color of #5a3c12.

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

#5a3c12 background color

This paragraph has a background color of #5a3c12.

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

#5a3c12 border color

This element has a border color of #5a3c12.

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

CSS codes

.text {color:#5a3c12;}

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

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

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

#080602
```
#080602 rgb(8,6,2)
```
#191005
```
#191005 rgb(25,16,5)
```
#291b08
```
#291b08 rgb(41,27,8)
```
#39260b
```
#39260b rgb(57,38,11)
```
#4a310f
```
#4a310f rgb(74,49,15)
```
#5a3c12
```
#5a3c12 rgb(90,60,18)
```
#6a4715
```
#6a4715 rgb(106,71,21)
```
#7b5219
```
#7b5219 rgb(123,82,25)
```
#8b5d1c
```
#8b5d1c rgb(139,93,28)
```
#9b681f
```
#9b681f rgb(155,104,31)
```
#ac7222
```
#ac7222 rgb(172,114,34)
```
#bc7d26
```
#bc7d26 rgb(188,125,38)
```
#cc8829
```
#cc8829 rgb(204,136,41)
```

Shade Color Variation

#d69233
```
#d69233 rgb(214,146,51)
```
#d99b43
```
#d99b43 rgb(217,155,67)
```
#dda453
```
#dda453 rgb(221,164,83)
```
#e0ac64
```
#e0ac64 rgb(224,172,100)
```
#e3b574
```
#e3b574 rgb(227,181,116)
```
#e7be85
```
#e7be85 rgb(231,190,133)
```
#eac695
```
#eac695 rgb(234,198,149)
```
#edcfa5
```
#edcfa5 rgb(237,207,165)
```
#f0d8b6
```
#f0d8b6 rgb(240,216,182)
```
#f4e1c6
```
#f4e1c6 rgb(244,225,198)
```
#f7e9d6
```
#f7e9d6 rgb(247,233,214)
```
#faf2e7
```
#faf2e7 rgb(250,242,231)
```
#fdfbf7
```
#fdfbf7 rgb(253,251,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 #6b3f01 is the most saturated one.

#393633
```
#393633 rgb(57,54,51)
```
#3d372f
```
#3d372f rgb(61,55,47)
```
#41382b
```
#41382b rgb(65,56,43)
```
#453927
```
#453927 rgb(69,57,39)
```
#493923
```
#493923 rgb(73,57,35)
```
#4e3a1e
```
#4e3a1e rgb(78,58,30)
```
#523b1a
```
#523b1a rgb(82,59,26)
```
#563b16
```
#563b16 rgb(86,59,22)
```
#5a3c12
```
#5a3c12 rgb(90,60,18)
```
#5e3d0e
```
#5e3d0e rgb(94,61,14)
```
#623d0a
```
#623d0a rgb(98,61,10)
```
#663e06
```
#663e06 rgb(102,62,6)
```
#6b3f01
```
#6b3f01 rgb(107,63,1)
```

Tone Color Variation

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

#404040 Achromatopsia 0.005% of the population
#453f37 Atypical Achromatopsia 0.001% of the population

Dichromacy

#544b1f Protanopia 1% of men
#5d481d Deuteranopia 1% of men
#654246 Tritanopia 0.001% of the population

Trichromacy

#56461a Protanomaly 1% of men, 0.01% of women
#5c4319 Deuteranomaly 6% of men, 0.4% of women
#613f33 Tritanomaly 0.01% of the population

#5a3c12 hex color

#5a3c12 Color Information

#5a3c12 Color Conversion

Color Schemes with #5a3c12

Alternatives to #5a3c12

#5a3c12 Preview

Shades and Tints of #5a3c12

Tones of #5a3c12

Color Blindness Simulator