#a36612 hex color

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

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

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

The hexadecimal color #a36612 has RGB values of R:163, G:102, B:18 and CMYK values of C:0, M:0.37, Y:0.89, K:0.36. Its decimal value is 10708498.

Hex triplet	a36612	`#a36612`
RGB Decimal	163, 102, 18	`rgb(163,102,18)`
RGB Percent	63.9, 40, 7.1	`rgb(63.9%,40%,7.1%)`
CMYK	0, 37, 89, 36
HSL	34.8°, 80.1, 35.5	`hsl(34.8,80.1%,35.5%)`
HSV (or HSB)	34.8°, 89, 63.9
Web Safe	996600	`#996600`

CIE-LAB	48.679, 18.436, 52.017
XYZ	19.965, 17.334, 2.867
xyY	0.497, 0.432, 17.334
CIE-LCH	48.679, 55.187, 70.484
CIE-LUV	48.679, 49.929, 45.736
Hunter-Lab	41.635, 12.737, 25.062
Binary	10100011, 01100110, 00010010

#a36612
```
#a36612 rgb(163,102,18)
```
#124fa3
```
#124fa3 rgb(18,79,163)
```

Complementary Color

#a31e12
```
#a31e12 rgb(163,30,18)
```
#a36612
```
#a36612 rgb(163,102,18)
```
#98a312
```
#98a312 rgb(152,163,18)
```

Analogous Color

#1e12a3
```
#1e12a3 rgb(30,18,163)
```
#a36612
```
#a36612 rgb(163,102,18)
```
#1298a3
```
#1298a3 rgb(18,152,163)
```

Split Complementary Color

#6612a3
```
#6612a3 rgb(102,18,163)
```
#a36612
```
#a36612 rgb(163,102,18)
```
#12a366
```
#12a366 rgb(18,163,102)
```

Triadic Color

#a3124f
```
#a3124f rgb(163,18,79)
```
#a36612
```
#a36612 rgb(163,102,18)
```
#12a366
```
#12a366 rgb(18,163,102)
```
#124fa3
```
#124fa3 rgb(18,79,163)
```

Tetradic Color

#5e3b0a
```
#5e3b0a rgb(94,59,10)
```
#75490d
```
#75490d rgb(117,73,13)
```
#8c580f
```
#8c580f rgb(140,88,15)
```
#a36612
```
#a36612 rgb(163,102,18)
```
#ba7415
```
#ba7415 rgb(186,116,21)
```
#d18317
```
#d18317 rgb(209,131,23)
```
#e6911c
```
#e6911c rgb(230,145,28)
```

Monochromatic Color

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

#a34212
```
#a34212 rgb(163,66,18)
```
#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)
```

Similar Colors

Text with hexadecimal color #a36612

This text has a font color of #a36612.

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

#a36612 background color

This paragraph has a background color of #a36612.

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

#a36612 border color

This element has a border color of #a36612.

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

CSS codes

.text {color:#a36612;}

.background {background-color:#a36612;}

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

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 #fdf8f1 is the lightest one.

#040300
```
#040300 rgb(4,3,0)
```
#160e02
```
#160e02 rgb(22,14,2)
```
#271904
```
#271904 rgb(39,25,4)
```
#392406
```
#392406 rgb(57,36,6)
```
#4b2f08
```
#4b2f08 rgb(75,47,8)
```
#5c3a0a
```
#5c3a0a rgb(92,58,10)
```
#6e450c
```
#6e450c rgb(110,69,12)
```
#80500e
```
#80500e rgb(128,80,14)
```
#915b10
```
#915b10 rgb(145,91,16)
```
#a36612
```
#a36612 rgb(163,102,18)
```
#b57114
```
#b57114 rgb(181,113,20)
```
#c67c16
```
#c67c16 rgb(198,124,22)
```
#d88718
```
#d88718 rgb(216,135,24)
```

Shade Color Variation

#e6921d
```
#e6921d rgb(230,146,29)
```
#e89a2f
```
#e89a2f rgb(232,154,47)
```
#eaa341
```
#eaa341 rgb(234,163,65)
```
#ecab52
```
#ecab52 rgb(236,171,82)
```
#eeb464
```
#eeb464 rgb(238,180,100)
```
#f0bc76
```
#f0bc76 rgb(240,188,118)
```
#f2c587
```
#f2c587 rgb(242,197,135)
```
#f4ce99
```
#f4ce99 rgb(244,206,153)
```
#f6d6ab
```
#f6d6ab rgb(246,214,171)
```
#f8dfbc
```
#f8dfbc rgb(248,223,188)
```
#fae7ce
```
#fae7ce rgb(250,231,206)
```
#fcf0e0
```
#fcf0e0 rgb(252,240,224)
```
#fdf8f1
```
#fdf8f1 rgb(253,248,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 #b16804 is the most saturated one.

#5d5b58
```
#5d5b58 rgb(93,91,88)
```
#645c51
```
#645c51 rgb(100,92,81)
```
#6b5d4a
```
#6b5d4a rgb(107,93,74)
```
#725e43
```
#725e43 rgb(114,94,67)
```
#795f3c
```
#795f3c rgb(121,95,60)
```
#806035
```
#806035 rgb(128,96,53)
```
#87622e
```
#87622e rgb(135,98,46)
```
#8e6327
```
#8e6327 rgb(142,99,39)
```
#956420
```
#956420 rgb(149,100,32)
```
#9c6519
```
#9c6519 rgb(156,101,25)
```
#a36612
```
#a36612 rgb(163,102,18)
```
#aa670b
```
#aa670b rgb(170,103,11)
```
#b16804
```
#b16804 rgb(177,104,4)
```

Tone Color Variation

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

#6f6f6f Achromatopsia 0.005% of the population
#796d5c Atypical Achromatopsia 0.001% of the population

Dichromacy

#897b21 Protanopia 1% of men
#997419 Deuteranopia 1% of men
#ab666d Tritanopia 0.001% of the population

Trichromacy

#92731c Protanomaly 1% of men, 0.01% of women
#9c6f16 Deuteranomaly 6% of men, 0.4% of women
#a8664c Tritanomaly 0.01% of the population

#a36612 hex color

#a36612 Color Information

#a36612 Color Conversion

Color Schemes with #a36612

Alternatives to #a36612

#a36612 Preview

Shades and Tints of #a36612

Tones of #a36612

Color Blindness Simulator