#a36f0f hex color

In a RGB color space, hex #a36f0f is composed of 63.9% red, 43.5% green and 5.9% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 31.9% magenta, 90.8% yellow and 36.1% black. It has a hue angle of 38.9 degrees, a saturation of 83.1% and a lightness of 34.9%. #a36f0f color hex could be obtained by blending #ffde1e with #470000. Closest websafe color is: #996600.

♥
- f
- t
- g
- R 64
- G 44
- B 6
RGB color chart
- C 0
- M 32
- Y 91
- K 36
CMYK color chart

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

The hexadecimal color #a36f0f has RGB values of R:163, G:111, B:15 and CMYK values of C:0, M:0.32, Y:0.91, K:0.36. Its decimal value is 10710799.

Hex triplet	a36f0f	`#a36f0f`
RGB Decimal	163, 111, 15	`rgb(163,111,15)`
RGB Percent	63.9, 43.5, 5.9	`rgb(63.9%,43.5%,5.9%)`
CMYK	0, 32, 91, 36
HSL	38.9°, 83.1, 34.9	`hsl(38.9,83.1%,34.9%)`
HSV (or HSB)	38.9°, 90.8, 63.9
Web Safe	996600	`#996600`

CIE-LAB	50.91, 13.266, 54.577
XYZ	20.875, 19.191, 3.057
xyY	0.484, 0.445, 19.191
CIE-LCH	50.91, 56.166, 76.338
CIE-LUV	50.91, 42.897, 49.61
Hunter-Lab	43.808, 8.396, 26.528
Binary	10100011, 01101111, 00001111

#a36f0f
```
#a36f0f rgb(163,111,15)
```
#0f43a3
```
#0f43a3 rgb(15,67,163)
```

Complementary Color

#a3250f
```
#a3250f rgb(163,37,15)
```
#a36f0f
```
#a36f0f rgb(163,111,15)
```
#8da30f
```
#8da30f rgb(141,163,15)
```

Analogous Color

#250fa3
```
#250fa3 rgb(37,15,163)
```
#a36f0f
```
#a36f0f rgb(163,111,15)
```
#0f8da3
```
#0f8da3 rgb(15,141,163)
```

Split Complementary Color

#6f0fa3
```
#6f0fa3 rgb(111,15,163)
```
#a36f0f
```
#a36f0f rgb(163,111,15)
```
#0fa36f
```
#0fa36f rgb(15,163,111)
```

Triadic Color

#a30f43
```
#a30f43 rgb(163,15,67)
```
#a36f0f
```
#a36f0f rgb(163,111,15)
```
#0fa36f
```
#0fa36f rgb(15,163,111)
```
#0f43a3
```
#0f43a3 rgb(15,67,163)
```

Tetradic Color

#5d3f09
```
#5d3f09 rgb(93,63,9)
```
#744f0b
```
#744f0b rgb(116,79,11)
```
#8c5f0d
```
#8c5f0d rgb(140,95,13)
```
#a36f0f
```
#a36f0f rgb(163,111,15)
```
#ba7f11
```
#ba7f11 rgb(186,127,17)
```
#d28f13
```
#d28f13 rgb(210,143,19)
```
#e99f15
```
#e99f15 rgb(233,159,21)
```

Monochromatic Color

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

#a34a0f
```
#a34a0f rgb(163,74,15)
```
#a3560f
```
#a3560f rgb(163,86,15)
```
#a3630f
```
#a3630f rgb(163,99,15)
```
#a36f0f
```
#a36f0f rgb(163,111,15)
```
#a37b0f
```
#a37b0f rgb(163,123,15)
```
#a3880f
```
#a3880f rgb(163,136,15)
```
#a3940f
```
#a3940f rgb(163,148,15)
```

Similar Colors

Text with hexadecimal color #a36f0f

This text has a font color of #a36f0f.

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

#a36f0f background color

This paragraph has a background color of #a36f0f.

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

#a36f0f border color

This element has a border color of #a36f0f.

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

CSS codes

.text {color:#a36f0f;}

.background {background-color:#a36f0f;}

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

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

#010100
```
#010100 rgb(1,1,0)
```
#130d02
```
#130d02 rgb(19,13,2)
```
#251903
```
#251903 rgb(37,25,3)
```
#372605
```
#372605 rgb(55,38,5)
```
#493207
```
#493207 rgb(73,50,7)
```
#5b3e08
```
#5b3e08 rgb(91,62,8)
```
#6d4a0a
```
#6d4a0a rgb(109,74,10)
```
#7f570c
```
#7f570c rgb(127,87,12)
```
#91630d
```
#91630d rgb(145,99,13)
```
#a36f0f
```
#a36f0f rgb(163,111,15)
```
#b57b11
```
#b57b11 rgb(181,123,17)
```
#c78712
```
#c78712 rgb(199,135,18)
```
#d99414
```
#d99414 rgb(217,148,20)
```

Shade Color Variation

#eaa017
```
#eaa017 rgb(234,160,23)
```
#eba729
```
#eba729 rgb(235,167,41)
```
#edae3b
```
#edae3b rgb(237,174,59)
```
#efb64d
```
#efb64d rgb(239,182,77)
```
#f0bd5f
```
#f0bd5f rgb(240,189,95)
```
#f2c471
```
#f2c471 rgb(242,196,113)
```
#f4cc83
```
#f4cc83 rgb(244,204,131)
```
#f5d395
```
#f5d395 rgb(245,211,149)
```
#f7dba7
```
#f7dba7 rgb(247,219,167)
```
#f9e2b8
```
#f9e2b8 rgb(249,226,184)
```
#fae9ca
```
#fae9ca rgb(250,233,202)
```
#fcf1dc
```
#fcf1dc rgb(252,241,220)
```
#fdf8ee
```
#fdf8ee rgb(253,248,238)
```

Tint Color Variation

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

#5f5b53
```
#5f5b53 rgb(95,91,83)
```
#655d4d
```
#655d4d rgb(101,93,77)
```
#6c5f46
```
#6c5f46 rgb(108,95,70)
```
#73613f
```
#73613f rgb(115,97,63)
```
#7a6338
```
#7a6338 rgb(122,99,56)
```
#816531
```
#816531 rgb(129,101,49)
```
#88672a
```
#88672a rgb(136,103,42)
```
#8e6924
```
#8e6924 rgb(142,105,36)
```
#956b1d
```
#956b1d rgb(149,107,29)
```
#9c6d16
```
#9c6d16 rgb(156,109,22)
```
#a36f0f
```
#a36f0f rgb(163,111,15)
```
#aa7108
```
#aa7108 rgb(170,113,8)
```
#b17301
```
#b17301 rgb(177,115,1)
```

Tone Color Variation

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

#747474 Achromatopsia 0.005% of the population
#7d7360 Atypical Achromatopsia 0.001% of the population

Dichromacy

#8f801e Protanopia 1% of men
#a07a18 Deuteranopia 1% of men
#ac6e76 Tritanopia 0.001% of the population

Trichromacy

#967a18 Protanomaly 1% of men, 0.01% of women
#a17615 Deuteranomaly 6% of men, 0.4% of women
#a96e50 Tritanomaly 0.01% of the population

#a36f0f hex color

#a36f0f Color Information

#a36f0f Color Conversion

Color Schemes with #a36f0f

Alternatives to #a36f0f

#a36f0f Preview

Shades and Tints of #a36f0f

Tones of #a36f0f

Color Blindness Simulator