#5a4712 hex color

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

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

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

The hexadecimal color #5a4712 has RGB values of R:90, G:71, B:18 and CMYK values of C:0, M:0.21, Y:0.8, K:0.65. Its decimal value is 5916434.

Hex triplet	5a4712	`#5a4712`
RGB Decimal	90, 71, 18	`rgb(90,71,18)`
RGB Percent	35.3, 27.8, 7.1	`rgb(35.3%,27.8%,7.1%)`
CMYK	0, 21, 80, 65
HSL	44.2°, 66.7, 21.2	`hsl(44.2,66.7%,21.2%)`
HSV (or HSB)	44.2°, 80, 35.3
Web Safe	663300	`#663300`

CIE-LAB	31.17, 1.973, 33.133
XYZ	6.579, 6.724, 1.524
xyY	0.444, 0.454, 6.724
CIE-LCH	31.17, 33.192, 86.592
CIE-LUV	31.17, 15.033, 29.151
Hunter-Lab	25.931, -0.092, 14.668
Binary	01011010, 01000111, 00010010

#5a4712
```
#5a4712 rgb(90,71,18)
```
#12255a
```
#12255a rgb(18,37,90)
```

Complementary Color

#5a2312
```
#5a2312 rgb(90,35,18)
```
#5a4712
```
#5a4712 rgb(90,71,18)
```
#495a12
```
#495a12 rgb(73,90,18)
```

Analogous Color

#23125a
```
#23125a rgb(35,18,90)
```
#5a4712
```
#5a4712 rgb(90,71,18)
```
#12495a
```
#12495a rgb(18,73,90)
```

Split Complementary Color

#47125a
```
#47125a rgb(71,18,90)
```
#5a4712
```
#5a4712 rgb(90,71,18)
```
#125a47
```
#125a47 rgb(18,90,71)
```

Triadic Color

#5a1225
```
#5a1225 rgb(90,18,37)
```
#5a4712
```
#5a4712 rgb(90,71,18)
```
#125a47
```
#125a47 rgb(18,90,71)
```
#12255a
```
#12255a rgb(18,37,90)
```

Tetradic Color

#1a1505
```
#1a1505 rgb(26,21,5)
```
#30250a
```
#30250a rgb(48,37,10)
```
#45360e
```
#45360e rgb(69,54,14)
```
#5a4712
```
#5a4712 rgb(90,71,18)
```
#6f5816
```
#6f5816 rgb(111,88,22)
```
#85691b
```
#85691b rgb(133,105,27)
```
#9a791f
```
#9a791f rgb(154,121,31)
```

Monochromatic Color

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

#5a3512
```
#5a3512 rgb(90,53,18)
```
#5a3b12
```
#5a3b12 rgb(90,59,18)
```
#5a4112
```
#5a4112 rgb(90,65,18)
```
#5a4712
```
#5a4712 rgb(90,71,18)
```
#5a4d12
```
#5a4d12 rgb(90,77,18)
```
#5a5312
```
#5a5312 rgb(90,83,18)
```
#5a5912
```
#5a5912 rgb(90,89,18)
```

Similar Colors

Text with hexadecimal color #5a4712

This text has a font color of #5a4712.

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

#5a4712 background color

This paragraph has a background color of #5a4712.

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

#5a4712 border color

This element has a border color of #5a4712.

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

CSS codes

.text {color:#5a4712;}

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

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

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

#080702
```
#080702 rgb(8,7,2)
```
#191305
```
#191305 rgb(25,19,5)
```
#292008
```
#292008 rgb(41,32,8)
```
#392d0b
```
#392d0b rgb(57,45,11)
```
#4a3a0f
```
#4a3a0f rgb(74,58,15)
```
#5a4712
```
#5a4712 rgb(90,71,18)
```
#6a5415
```
#6a5415 rgb(106,84,21)
```
#7b6119
```
#7b6119 rgb(123,97,25)
```
#8b6e1c
```
#8b6e1c rgb(139,110,28)
```
#9b7b1f
```
#9b7b1f rgb(155,123,31)
```
#ac8722
```
#ac8722 rgb(172,135,34)
```
#bc9426
```
#bc9426 rgb(188,148,38)
```
#cca129
```
#cca129 rgb(204,161,41)
```

Shade Color Variation

#d6ab33
```
#d6ab33 rgb(214,171,51)
```
#d9b243
```
#d9b243 rgb(217,178,67)
```
#ddb853
```
#ddb853 rgb(221,184,83)
```
#e0bf64
```
#e0bf64 rgb(224,191,100)
```
#e3c674
```
#e3c674 rgb(227,198,116)
```
#e7cd85
```
#e7cd85 rgb(231,205,133)
```
#ead395
```
#ead395 rgb(234,211,149)
```
#eddaa5
```
#eddaa5 rgb(237,218,165)
```
#f0e1b6
```
#f0e1b6 rgb(240,225,182)
```
#f4e8c6
```
#f4e8c6 rgb(244,232,198)
```
#f7eed6
```
#f7eed6 rgb(247,238,214)
```
#faf5e7
```
#faf5e7 rgb(250,245,231)
```
#fdfcf7
```
#fdfcf7 rgb(253,252,247)
```

Tint Color Variation

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

#393733
```
#393733 rgb(57,55,51)
```
#3d392f
```
#3d392f rgb(61,57,47)
```
#413b2b
```
#413b2b rgb(65,59,43)
```
#453d27
```
#453d27 rgb(69,61,39)
```
#493f23
```
#493f23 rgb(73,63,35)
```
#4e411e
```
#4e411e rgb(78,65,30)
```
#52431a
```
#52431a rgb(82,67,26)
```
#564516
```
#564516 rgb(86,69,22)
```
#5a4712
```
#5a4712 rgb(90,71,18)
```
#5e490e
```
#5e490e rgb(94,73,14)
```
#624b0a
```
#624b0a rgb(98,75,10)
```
#664d06
```
#664d06 rgb(102,77,6)
```
#6b4f01
```
#6b4f01 rgb(107,79,1)
```

Tone Color Variation

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

Dichromacy

#5c521e Protanopia 1% of men
#664e1f Deuteranopia 1% of men
#664b50 Tritanopia 0.001% of the population

Trichromacy

#5b4e1a Protanomaly 1% of men, 0.01% of women
#614c1a Deuteranomaly 6% of men, 0.4% of women
#61493a Tritanomaly 0.01% of the population

#5a4712 hex color

#5a4712 Color Information

#5a4712 Color Conversion

Color Schemes with #5a4712

Alternatives to #5a4712

#5a4712 Preview

Shades and Tints of #5a4712

Tones of #5a4712

Color Blindness Simulator