#a37212 hex color

In a RGB color space, hex #a37212 is composed of 63.9% red, 44.7% green and 7.1% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 30.1% magenta, 89% yellow and 36.1% black. It has a hue angle of 39.7 degrees, a saturation of 80.1% and a lightness of 35.5%. #a37212 color hex could be obtained by blending #ffe424 with #470000. Closest websafe color is: #996600.

♥
- f
- t
- g
- R 64
- G 45
- B 7
RGB color chart
- C 0
- M 30
- Y 89
- K 36
CMYK color chart

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

The hexadecimal color #a37212 has RGB values of R:163, G:114, B:18 and CMYK values of C:0, M:0.3, Y:0.89, K:0.36. Its decimal value is 10711570.

Hex triplet	a37212	`#a37212`
RGB Decimal	163, 114, 18	`rgb(163,114,18)`
RGB Percent	63.9, 44.7, 7.1	`rgb(63.9%,44.7%,7.1%)`
CMYK	0, 30, 89, 36
HSL	39.7°, 80.1, 35.5	`hsl(39.7,80.1%,35.5%)`
HSV (or HSB)	39.7°, 89, 63.9
Web Safe	996600	`#996600`

CIE-LAB	51.686, 11.629, 54.415
XYZ	21.231, 19.866, 3.289
xyY	0.478, 0.448, 19.866
CIE-LCH	51.686, 55.643, 77.937
CIE-LUV	51.686, 40.463, 50.371
Hunter-Lab	44.571, 7.027, 26.825
Binary	10100011, 01110010, 00010010

#a37212
```
#a37212 rgb(163,114,18)
```
#1243a3
```
#1243a3 rgb(18,67,163)
```

Complementary Color

#a32a12
```
#a32a12 rgb(163,42,18)
```
#a37212
```
#a37212 rgb(163,114,18)
```
#8ca312
```
#8ca312 rgb(140,163,18)
```

Analogous Color

#2a12a3
```
#2a12a3 rgb(42,18,163)
```
#a37212
```
#a37212 rgb(163,114,18)
```
#128ca3
```
#128ca3 rgb(18,140,163)
```

Split Complementary Color

#7212a3
```
#7212a3 rgb(114,18,163)
```
#a37212
```
#a37212 rgb(163,114,18)
```
#12a372
```
#12a372 rgb(18,163,114)
```

Triadic Color

#a31243
```
#a31243 rgb(163,18,67)
```
#a37212
```
#a37212 rgb(163,114,18)
```
#12a372
```
#12a372 rgb(18,163,114)
```
#1243a3
```
#1243a3 rgb(18,67,163)
```

Tetradic Color

#5e420a
```
#5e420a rgb(94,66,10)
```
#75520d
```
#75520d rgb(117,82,13)
```
#8c620f
```
#8c620f rgb(140,98,15)
```
#a37212
```
#a37212 rgb(163,114,18)
```
#ba8215
```
#ba8215 rgb(186,130,21)
```
#d19217
```
#d19217 rgb(209,146,23)
```
#e6a21c
```
#e6a21c rgb(230,162,28)
```

Monochromatic Color

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

#a34e12
```
#a34e12 rgb(163,78,18)
```
#a35a12
```
#a35a12 rgb(163,90,18)
```
#a36612
```
#a36612 rgb(163,102,18)
```
#a37212
```
#a37212 rgb(163,114,18)
```
#a37e12
```
#a37e12 rgb(163,126,18)
```
#a38a12
```
#a38a12 rgb(163,138,18)
```
#a39612
```
#a39612 rgb(163,150,18)
```

Similar Colors

Text with hexadecimal color #a37212

This text has a font color of #a37212.

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

#a37212 background color

This paragraph has a background color of #a37212.

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

#a37212 border color

This element has a border color of #a37212.

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

CSS codes

.text {color:#a37212;}

.background {background-color:#a37212;}

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

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

#040300
```
#040300 rgb(4,3,0)
```
#160f02
```
#160f02 rgb(22,15,2)
```
#271c04
```
#271c04 rgb(39,28,4)
```
#392806
```
#392806 rgb(57,40,6)
```
#4b3408
```
#4b3408 rgb(75,52,8)
```
#5c410a
```
#5c410a rgb(92,65,10)
```
#6e4d0c
```
#6e4d0c rgb(110,77,12)
```
#80590e
```
#80590e rgb(128,89,14)
```
#916610
```
#916610 rgb(145,102,16)
```
#a37212
```
#a37212 rgb(163,114,18)
```
#b57e14
```
#b57e14 rgb(181,126,20)
```
#c68b16
```
#c68b16 rgb(198,139,22)
```
#d89718
```
#d89718 rgb(216,151,24)
```

Shade Color Variation

#e6a21d
```
#e6a21d rgb(230,162,29)
```
#e8aa2f
```
#e8aa2f rgb(232,170,47)
```
#eab141
```
#eab141 rgb(234,177,65)
```
#ecb852
```
#ecb852 rgb(236,184,82)
```
#eebf64
```
#eebf64 rgb(238,191,100)
```
#f0c776
```
#f0c776 rgb(240,199,118)
```
#f2ce87
```
#f2ce87 rgb(242,206,135)
```
#f4d599
```
#f4d599 rgb(244,213,153)
```
#f6dcab
```
#f6dcab rgb(246,220,171)
```
#f8e4bc
```
#f8e4bc rgb(248,228,188)
```
#faebce
```
#faebce rgb(250,235,206)
```
#fcf2e0
```
#fcf2e0 rgb(252,242,224)
```
#fdf9f1
```
#fdf9f1 rgb(253,249,241)
```

Tint Color Variation

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

#5d5b58
```
#5d5b58 rgb(93,91,88)
```
#645e51
```
#645e51 rgb(100,94,81)
```
#6b604a
```
#6b604a rgb(107,96,74)
```
#726243
```
#726243 rgb(114,98,67)
```
#79643c
```
#79643c rgb(121,100,60)
```
#806735
```
#806735 rgb(128,103,53)
```
#87692e
```
#87692e rgb(135,105,46)
```
#8e6b27
```
#8e6b27 rgb(142,107,39)
```
#956d20
```
#956d20 rgb(149,109,32)
```
#9c7019
```
#9c7019 rgb(156,112,25)
```
#a37212
```
#a37212 rgb(163,114,18)
```
#aa740b
```
#aa740b rgb(170,116,11)
```
#b17704
```
#b17704 rgb(177,119,4)
```

Tone Color Variation

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

#767676 Achromatopsia 0.005% of the population
#7f7562 Atypical Achromatopsia 0.001% of the population

Dichromacy

#918220 Protanopia 1% of men
#a27b1c Deuteranopia 1% of men
#ad7179 Tritanopia 0.001% of the population

Trichromacy

#977c1b Protanomaly 1% of men, 0.01% of women
#a27818 Deuteranomaly 6% of men, 0.4% of women
#a97153 Tritanomaly 0.01% of the population

#a37212 hex color

#a37212 Color Information

#a37212 Color Conversion

Color Schemes with #a37212

Alternatives to #a37212

#a37212 Preview

Shades and Tints of #a37212

Tones of #a37212

Color Blindness Simulator