#a36106 hex color

In a RGB color space, hex #a36106 is composed of 63.9% red, 38% green and 2.4% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 40.5% magenta, 96.3% yellow and 36.1% black. It has a hue angle of 34.8 degrees, a saturation of 92.9% and a lightness of 33.1%. #a36106 color hex could be obtained by blending #ffc20c with #470000. Closest websafe color is: #996600.

♥
- f
- t
- g
- R 64
- G 38
- B 2
RGB color chart
- C 0
- M 40
- Y 96
- K 36
CMYK color chart

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

The hexadecimal color #a36106 has RGB values of R:163, G:97, B:6 and CMYK values of C:0, M:0.4, Y:0.96, K:0.36. Its decimal value is 10707206.

Hex triplet	a36106	`#a36106`
RGB Decimal	163, 97, 6	`rgb(163,97,6)`
RGB Percent	63.9, 38, 2.4	`rgb(63.9%,38%,2.4%)`
CMYK	0, 40, 96, 36
HSL	34.8°, 92.9, 33.1	`hsl(34.8,92.9%,33.1%)`
HSV (or HSB)	34.8°, 96.3, 63.9
Web Safe	996600	`#996600`

CIE-LAB	47.431, 21.044, 54.03
XYZ	19.412, 16.351, 2.306
xyY	0.51, 0.429, 16.351
CIE-LCH	47.431, 57.983, 68.72
CIE-LUV	47.431, 54.304, 45.317
Hunter-Lab	40.436, 14.931, 24.924
Binary	10100011, 01100001, 00000110

#a36106
```
#a36106 rgb(163,97,6)
```
#0648a3
```
#0648a3 rgb(6,72,163)
```

Complementary Color

#a31306
```
#a31306 rgb(163,19,6)
```
#a36106
```
#a36106 rgb(163,97,6)
```
#97a306
```
#97a306 rgb(151,163,6)
```

Analogous Color

#1206a3
```
#1206a3 rgb(18,6,163)
```
#a36106
```
#a36106 rgb(163,97,6)
```
#0697a3
```
#0697a3 rgb(6,151,163)
```

Split Complementary Color

#6106a3
```
#6106a3 rgb(97,6,163)
```
#a36106
```
#a36106 rgb(163,97,6)
```
#06a361
```
#06a361 rgb(6,163,97)
```

Triadic Color

#a30648
```
#a30648 rgb(163,6,72)
```
#a36106
```
#a36106 rgb(163,97,6)
```
#06a361
```
#06a361 rgb(6,163,97)
```
#0648a3
```
#0648a3 rgb(6,72,163)
```

Tetradic Color

#593503
```
#593503 rgb(89,53,3)
```
#724404
```
#724404 rgb(114,68,4)
```
#8a5205
```
#8a5205 rgb(138,82,5)
```
#a36106
```
#a36106 rgb(163,97,6)
```
#bc7007
```
#bc7007 rgb(188,112,7)
```
#d47e08
```
#d47e08 rgb(212,126,8)
```
#ed8d09
```
#ed8d09 rgb(237,141,9)
```

Monochromatic Color

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

#a33a06
```
#a33a06 rgb(163,58,6)
```
#a34706
```
#a34706 rgb(163,71,6)
```
#a35406
```
#a35406 rgb(163,84,6)
```
#a36106
```
#a36106 rgb(163,97,6)
```
#a36e06
```
#a36e06 rgb(163,110,6)
```
#a37b06
```
#a37b06 rgb(163,123,6)
```
#a38806
```
#a38806 rgb(163,136,6)
```

Similar Colors

Text with hexadecimal color #a36106

This text has a font color of #a36106.

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

#a36106 background color

This paragraph has a background color of #a36106.

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

#a36106 border color

This element has a border color of #a36106.

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

CSS codes

.text {color:#a36106;}

.background {background-color:#a36106;}

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

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, #0c0700 is the darkest color, while #fffcf8 is the lightest one.

#0c0700
```
#0c0700 rgb(12,7,0)
```
#1f1201
```
#1f1201 rgb(31,18,1)
```
#311d02
```
#311d02 rgb(49,29,2)
```
#442903
```
#442903 rgb(68,41,3)
```
#573403
```
#573403 rgb(87,52,3)
```
#6a3f04
```
#6a3f04 rgb(106,63,4)
```
#7d4a05
```
#7d4a05 rgb(125,74,5)
```
#905605
```
#905605 rgb(144,86,5)
```
#a36106
```
#a36106 rgb(163,97,6)
```
#b66c07
```
#b66c07 rgb(182,108,7)
```
#c97807
```
#c97807 rgb(201,120,7)
```
#dc8308
```
#dc8308 rgb(220,131,8)
```
#ef8e09
```
#ef8e09 rgb(239,142,9)
```

Shade Color Variation

#f69815
```
#f69815 rgb(246,152,21)
```
#f7a028
```
#f7a028 rgb(247,160,40)
```
#f8a83b
```
#f8a83b rgb(248,168,59)
```
#f8b14d
```
#f8b14d rgb(248,177,77)
```
#f9b960
```
#f9b960 rgb(249,185,96)
```
#fac173
```
#fac173 rgb(250,193,115)
```
#fbca86
```
#fbca86 rgb(251,202,134)
```
#fbd299
```
#fbd299 rgb(251,210,153)
```
#fcdaac
```
#fcdaac rgb(252,218,172)
```
#fde3bf
```
#fde3bf rgb(253,227,191)
```
#fdebd2
```
#fdebd2 rgb(253,235,210)
```
#fef3e5
```
#fef3e5 rgb(254,243,229)
```
#fffcf8
```
#fffcf8 rgb(255,252,248)
```

Tint Color Variation

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

#555554
```
#555554 rgb(85,85,84)
```
#5c564e
```
#5c564e rgb(92,86,78)
```
#625747
```
#625747 rgb(98,87,71)
```
#695841
```
#695841 rgb(105,88,65)
```
#6f593a
```
#6f593a rgb(111,89,58)
```
#765a34
```
#765a34 rgb(118,90,52)
```
#7c5b2d
```
#7c5b2d rgb(124,91,45)
```
#835c27
```
#835c27 rgb(131,92,39)
```
#895d20
```
#895d20 rgb(137,93,32)
```
#905e1a
```
#905e1a rgb(144,94,26)
```
#965f13
```
#965f13 rgb(150,95,19)
```
#9d600d
```
#9d600d rgb(157,96,13)
```
#a36106
```
#a36106 rgb(163,97,6)
```

Tone Color Variation

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

#6a6a6a Achromatopsia 0.005% of the population
#756856 Atypical Achromatopsia 0.001% of the population

Dichromacy

#867817 Protanopia 1% of men
#967200 Deuteranopia 1% of men
#ab6268 Tritanopia 0.001% of the population

Trichromacy

#906f10 Protanomaly 1% of men, 0.01% of women
#9a6b02 Deuteranomaly 6% of men, 0.4% of women
#a86144 Tritanomaly 0.01% of the population

#a36106 hex color

#a36106 Color Information

#a36106 Color Conversion

Color Schemes with #a36106

Alternatives to #a36106

#a36106 Preview

Shades and Tints of #a36106

Tones of #a36106

Color Blindness Simulator