#a36f14 hex color

In a RGB color space, hex #a36f14 is composed of 63.9% red, 43.5% green and 7.8% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 31.9% magenta, 87.7% yellow and 36.1% black. It has a hue angle of 38.2 degrees, a saturation of 78.1% and a lightness of 35.9%. #a36f14 color hex could be obtained by blending #ffde28 with #470000. Closest websafe color is: #996600.

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

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

The hexadecimal color #a36f14 has RGB values of R:163, G:111, B:20 and CMYK values of C:0, M:0.32, Y:0.88, K:0.36. Its decimal value is 10710804.

Hex triplet	a36f14	`#a36f14`
RGB Decimal	163, 111, 20	`rgb(163,111,20)`
RGB Percent	63.9, 43.5, 7.8	`rgb(63.9%,43.5%,7.8%)`
CMYK	0, 32, 88, 36
HSL	38.2°, 78.1, 35.9	`hsl(38.2,78.1%,35.9%)`
HSV (or HSB)	38.2°, 87.7, 63.9
Web Safe	996600	`#996600`

CIE-LAB	50.929, 13.379, 53.243
XYZ	20.915, 19.207, 3.268
xyY	0.482, 0.443, 19.207
CIE-LCH	50.929, 54.898, 75.895
CIE-LUV	50.929, 42.747, 48.898
Hunter-Lab	43.826, 8.491, 26.258
Binary	10100011, 01101111, 00010100

#a36f14
```
#a36f14 rgb(163,111,20)
```
#1448a3
```
#1448a3 rgb(20,72,163)
```

Complementary Color

#a32814
```
#a32814 rgb(163,40,20)
```
#a36f14
```
#a36f14 rgb(163,111,20)
```
#90a314
```
#90a314 rgb(144,163,20)
```

Analogous Color

#2814a3
```
#2814a3 rgb(40,20,163)
```
#a36f14
```
#a36f14 rgb(163,111,20)
```
#1490a3
```
#1490a3 rgb(20,144,163)
```

Split Complementary Color

#6f14a3
```
#6f14a3 rgb(111,20,163)
```
#a36f14
```
#a36f14 rgb(163,111,20)
```
#14a36f
```
#14a36f rgb(20,163,111)
```

Triadic Color

#a31448
```
#a31448 rgb(163,20,72)
```
#a36f14
```
#a36f14 rgb(163,111,20)
```
#14a36f
```
#14a36f rgb(20,163,111)
```
#1448a3
```
#1448a3 rgb(20,72,163)
```

Tetradic Color

#5f410c
```
#5f410c rgb(95,65,12)
```
#76500e
```
#76500e rgb(118,80,14)
```
#8c6011
```
#8c6011 rgb(140,96,17)
```
#a36f14
```
#a36f14 rgb(163,111,20)
```
#ba7e17
```
#ba7e17 rgb(186,126,23)
```
#d08e1a
```
#d08e1a rgb(208,142,26)
```
#e49c20
```
#e49c20 rgb(228,156,32)
```

Monochromatic Color

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

#a34b14
```
#a34b14 rgb(163,75,20)
```
#a35714
```
#a35714 rgb(163,87,20)
```
#a36314
```
#a36314 rgb(163,99,20)
```
#a36f14
```
#a36f14 rgb(163,111,20)
```
#a37b14
```
#a37b14 rgb(163,123,20)
```
#a38714
```
#a38714 rgb(163,135,20)
```
#a39314
```
#a39314 rgb(163,147,20)
```

Similar Colors

Text with hexadecimal color #a36f14

This text has a font color of #a36f14.

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

#a36f14 background color

This paragraph has a background color of #a36f14.

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

#a36f14 border color

This element has a border color of #a36f14.

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

CSS codes

.text {color:#a36f14;}

.background {background-color:#a36f14;}

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

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)
```
#171003
```
#171003 rgb(23,16,3)
```
#291c05
```
#291c05 rgb(41,28,5)
```
#3a2807
```
#3a2807 rgb(58,40,7)
```
#4c3409
```
#4c3409 rgb(76,52,9)
```
#5d3f0b
```
#5d3f0b rgb(93,63,11)
```
#6f4b0e
```
#6f4b0e rgb(111,75,14)
```
#805710
```
#805710 rgb(128,87,16)
```
#926312
```
#926312 rgb(146,99,18)
```
#a36f14
```
#a36f14 rgb(163,111,20)
```
#b47b16
```
#b47b16 rgb(180,123,22)
```
#c68718
```
#c68718 rgb(198,135,24)
```
#d7931a
```
#d7931a rgb(215,147,26)
```

Shade Color Variation

#e49d22
```
#e49d22 rgb(228,157,34)
```
#e6a533
```
#e6a533 rgb(230,165,51)
```
#e8ad45
```
#e8ad45 rgb(232,173,69)
```
#eab456
```
#eab456 rgb(234,180,86)
```
#ecbc68
```
#ecbc68 rgb(236,188,104)
```
#efc479
```
#efc479 rgb(239,196,121)
```
#f1cc8a
```
#f1cc8a rgb(241,204,138)
```
#f3d39c
```
#f3d39c rgb(243,211,156)
```
#f5dbad
```
#f5dbad rgb(245,219,173)
```
#f7e3bf
```
#f7e3bf rgb(247,227,191)
```
#f9ead0
```
#f9ead0 rgb(249,234,208)
```
#fbf2e2
```
#fbf2e2 rgb(251,242,226)
```
#fefaf3
```
#fefaf3 rgb(254,250,243)
```

Tint Color Variation

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

#5d5c5a
```
#5d5c5a rgb(93,92,90)
```
#645e53
```
#645e53 rgb(100,94,83)
```
#6b604c
```
#6b604c rgb(107,96,76)
```
#726245
```
#726245 rgb(114,98,69)
```
#79633e
```
#79633e rgb(121,99,62)
```
#806537
```
#806537 rgb(128,101,55)
```
#876730
```
#876730 rgb(135,103,48)
```
#8e6929
```
#8e6929 rgb(142,105,41)
```
#956b22
```
#956b22 rgb(149,107,34)
```
#9c6d1b
```
#9c6d1b rgb(156,109,27)
```
#a36f14
```
#a36f14 rgb(163,111,20)
```
#aa710d
```
#aa710d rgb(170,113,13)
```
#b17306
```
#b17306 rgb(177,115,6)
```

Tone Color Variation

Below, you can see how #a36f14 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
#7d7361 Atypical Achromatopsia 0.001% of the population

Dichromacy

#8f8022 Protanopia 1% of men
#9f7a1d Deuteranopia 1% of men
#ac6e76 Tritanopia 0.001% of the population

Trichromacy

#967a1d Protanomaly 1% of men, 0.01% of women
#a1761a Deuteranomaly 6% of men, 0.4% of women
#a96e52 Tritanomaly 0.01% of the population

#a36f14 hex color

#a36f14 Color Information

#a36f14 Color Conversion

Color Schemes with #a36f14

Alternatives to #a36f14

#a36f14 Preview

Shades and Tints of #a36f14

Tones of #a36f14

Color Blindness Simulator