#a57012 hex color

In a RGB color space, hex #a57012 is composed of 64.7% red, 43.9% green and 7.1% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 32.1% magenta, 89.1% yellow and 35.3% black. It has a hue angle of 38.4 degrees, a saturation of 80.3% and a lightness of 35.9%. #a57012 color hex could be obtained by blending #ffe024 with #4b0000. Closest websafe color is: #996600.

♥
- f
- t
- g
- R 65
- G 44
- B 7
RGB color chart
- C 0
- M 32
- Y 89
- K 35
CMYK color chart

● #a57012 color description : Dark orange [Brown tone].

The hexadecimal color #a57012 has RGB values of R:165, G:112, B:18 and CMYK values of C:0, M:0.32, Y:0.89, K:0.35. Its decimal value is 10842130.

Hex triplet	a57012	`#a57012`
RGB Decimal	165, 112, 18	`rgb(165,112,18)`
RGB Percent	64.7, 43.9, 7.1	`rgb(64.7%,43.9%,7.1%)`
CMYK	0, 32, 89, 35
HSL	38.4°, 80.3, 35.9	`hsl(38.4,80.3%,35.9%)`
HSV (or HSB)	38.4°, 89.1, 64.7
Web Safe	996600	`#996600`

CIE-LAB	51.419, 13.677, 54.305
XYZ	21.421, 19.633, 3.234
xyY	0.484, 0.443, 19.633
CIE-LCH	51.419, 56.001, 75.864
CIE-LUV	51.419, 43.654, 49.677
Hunter-Lab	44.309, 8.755, 26.689
Binary	10100101, 01110000, 00010010

#a57012
```
#a57012 rgb(165,112,18)
```
#1247a5
```
#1247a5 rgb(18,71,165)
```

Complementary Color

#a52712
```
#a52712 rgb(165,39,18)
```
#a57012
```
#a57012 rgb(165,112,18)
```
#91a512
```
#91a512 rgb(145,165,18)
```

Analogous Color

#2612a5
```
#2612a5 rgb(38,18,165)
```
#a57012
```
#a57012 rgb(165,112,18)
```
#1291a5
```
#1291a5 rgb(18,145,165)
```

Split Complementary Color

#7012a5
```
#7012a5 rgb(112,18,165)
```
#a57012
```
#a57012 rgb(165,112,18)
```
#12a570
```
#12a570 rgb(18,165,112)
```

Triadic Color

#a51247
```
#a51247 rgb(165,18,71)
```
#a57012
```
#a57012 rgb(165,112,18)
```
#12a570
```
#12a570 rgb(18,165,112)
```
#1247a5
```
#1247a5 rgb(18,71,165)
```

Tetradic Color

#60410a
```
#60410a rgb(96,65,10)
```
#77510d
```
#77510d rgb(119,81,13)
```
#8e600f
```
#8e600f rgb(142,96,15)
```
#a57012
```
#a57012 rgb(165,112,18)
```
#bc8015
```
#bc8015 rgb(188,128,21)
```
#d38f17
```
#d38f17 rgb(211,143,23)
```
#e69e1d
```
#e69e1d rgb(230,158,29)
```

Monochromatic Color

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

#a54b12
```
#a54b12 rgb(165,75,18)
```
#a55812
```
#a55812 rgb(165,88,18)
```
#a56412
```
#a56412 rgb(165,100,18)
```
#a57012
```
#a57012 rgb(165,112,18)
```
#a57c12
```
#a57c12 rgb(165,124,18)
```
#a58912
```
#a58912 rgb(165,137,18)
```
#a59512
```
#a59512 rgb(165,149,18)
```

Similar Colors

Text with hexadecimal color #a57012

This text has a font color of #a57012.

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

#a57012 background color

This paragraph has a background color of #a57012.

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

#a57012 border color

This element has a border color of #a57012.

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

CSS codes

.text {color:#a57012;}

.background {background-color:#a57012;}

.border {border:1px solid #a57012;}

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

#060401
```
#060401 rgb(6,4,1)
```
#181003
```
#181003 rgb(24,16,3)
```
#291c04
```
#291c04 rgb(41,28,4)
```
#3b2806
```
#3b2806 rgb(59,40,6)
```
#4d3408
```
#4d3408 rgb(77,52,8)
```
#5e400a
```
#5e400a rgb(94,64,10)
```
#704c0c
```
#704c0c rgb(112,76,12)
```
#82580e
```
#82580e rgb(130,88,14)
```
#936410
```
#936410 rgb(147,100,16)
```
#a57012
```
#a57012 rgb(165,112,18)
```
#b77c14
```
#b77c14 rgb(183,124,20)
```
#c88816
```
#c88816 rgb(200,136,22)
```
#da9418
```
#da9418 rgb(218,148,24)
```

Shade Color Variation

#e79f1f
```
#e79f1f rgb(231,159,31)
```
#e8a631
```
#e8a631 rgb(232,166,49)
```
#eaae42
```
#eaae42 rgb(234,174,66)
```
#ecb554
```
#ecb554 rgb(236,181,84)
```
#eebd66
```
#eebd66 rgb(238,189,102)
```
#f0c577
```
#f0c577 rgb(240,197,119)
```
#f2cc89
```
#f2cc89 rgb(242,204,137)
```
#f4d49b
```
#f4d49b rgb(244,212,155)
```
#f6dbac
```
#f6dbac rgb(246,219,172)
```
#f8e3be
```
#f8e3be rgb(248,227,190)
```
#faebd0
```
#faebd0 rgb(250,235,208)
```
#fcf2e1
```
#fcf2e1 rgb(252,242,225)
```
#fefaf3
```
#fefaf3 rgb(254,250,243)
```

Tint Color Variation

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

#5f5c58
```
#5f5c58 rgb(95,92,88)
```
#665e51
```
#665e51 rgb(102,94,81)
```
#6d604a
```
#6d604a rgb(109,96,74)
```
#746243
```
#746243 rgb(116,98,67)
```
#7b643c
```
#7b643c rgb(123,100,60)
```
#826635
```
#826635 rgb(130,102,53)
```
#89682e
```
#89682e rgb(137,104,46)
```
#906a27
```
#906a27 rgb(144,106,39)
```
#976c20
```
#976c20 rgb(151,108,32)
```
#9e6e19
```
#9e6e19 rgb(158,110,25)
```
#a57012
```
#a57012 rgb(165,112,18)
```
#ac720b
```
#ac720b rgb(172,114,11)
```
#b37404
```
#b37404 rgb(179,116,4)
```

Tone Color Variation

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

#757575 Achromatopsia 0.005% of the population
#7f7461 Atypical Achromatopsia 0.001% of the population

Dichromacy

#908121 Protanopia 1% of men
#a17b1b Deuteranopia 1% of men
#ae6f77 Tritanopia 0.001% of the population

Trichromacy

#987b1b Protanomaly 1% of men, 0.01% of women
#a27718 Deuteranomaly 6% of men, 0.4% of women
#ab6f52 Tritanomaly 0.01% of the population

#a57012 hex color

#a57012 Color Information

#a57012 Color Conversion

Color Schemes with #a57012

Alternatives to #a57012

#a57012 Preview

Shades and Tints of #a57012

Tones of #a57012

Color Blindness Simulator