#a36018 hex color

In a RGB color space, hex #a36018 is composed of 63.9% red, 37.6% green and 9.4% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 41.1% magenta, 85.3% yellow and 36.1% black. It has a hue angle of 31.1 degrees, a saturation of 74.3% and a lightness of 36.7%. #a36018 color hex could be obtained by blending #ffc030 with #470000. Closest websafe color is: #996600.

♥
- f
- t
- g
- R 64
- G 38
- B 9
RGB color chart
- C 0
- M 41
- Y 85
- K 36
CMYK color chart

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

The hexadecimal color #a36018 has RGB values of R:163, G:96, B:24 and CMYK values of C:0, M:0.41, Y:0.85, K:0.36. Its decimal value is 10706968.

Hex triplet	a36018	`#a36018`
RGB Decimal	163, 96, 24	`rgb(163,96,24)`
RGB Percent	63.9, 37.6, 9.4	`rgb(63.9%,37.6%,9.4%)`
CMYK	0, 41, 85, 36
HSL	31.1°, 74.3, 36.7	`hsl(31.1,74.3%,36.7%)`
HSV (or HSB)	31.1°, 85.3, 63.9
Web Safe	996600	`#996600`

CIE-LAB	47.262, 21.978, 48.864
XYZ	19.453, 16.22, 2.97
xyY	0.503, 0.42, 16.22
CIE-LCH	47.262, 53.579, 65.783
CIE-LUV	47.262, 54.427, 42.405
Hunter-Lab	40.274, 15.738, 23.819
Binary	10100011, 01100000, 00011000

#a36018
```
#a36018 rgb(163,96,24)
```
#185ba3
```
#185ba3 rgb(24,91,163)
```

Complementary Color

#a31b18
```
#a31b18 rgb(163,27,24)
```
#a36018
```
#a36018 rgb(163,96,24)
```
#a1a318
```
#a1a318 rgb(161,163,24)
```

Analogous Color

#1b18a3
```
#1b18a3 rgb(27,24,163)
```
#a36018
```
#a36018 rgb(163,96,24)
```
#18a1a3
```
#18a1a3 rgb(24,161,163)
```

Split Complementary Color

#6018a3
```
#6018a3 rgb(96,24,163)
```
#a36018
```
#a36018 rgb(163,96,24)
```
#18a360
```
#18a360 rgb(24,163,96)
```

Triadic Color

#a3185b
```
#a3185b rgb(163,24,91)
```
#a36018
```
#a36018 rgb(163,96,24)
```
#18a360
```
#18a360 rgb(24,163,96)
```
#185ba3
```
#185ba3 rgb(24,91,163)
```

Tetradic Color

#60390e
```
#60390e rgb(96,57,14)
```
#774611
```
#774611 rgb(119,70,17)
```
#8d5315
```
#8d5315 rgb(141,83,21)
```
#a36018
```
#a36018 rgb(163,96,24)
```
#b96d1b
```
#b96d1b rgb(185,109,27)
```
#cf7a1f
```
#cf7a1f rgb(207,122,31)
```
#df8728
```
#df8728 rgb(223,135,40)
```

Monochromatic Color

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

#a33d18
```
#a33d18 rgb(163,61,24)
```
#a34918
```
#a34918 rgb(163,73,24)
```
#a35418
```
#a35418 rgb(163,84,24)
```
#a36018
```
#a36018 rgb(163,96,24)
```
#a36c18
```
#a36c18 rgb(163,108,24)
```
#a37718
```
#a37718 rgb(163,119,24)
```
#a38318
```
#a38318 rgb(163,131,24)
```

Similar Colors

Text with hexadecimal color #a36018

This text has a font color of #a36018.

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

#a36018 background color

This paragraph has a background color of #a36018.

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

#a36018 border color

This element has a border color of #a36018.

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

CSS codes

.text {color:#a36018;}

.background {background-color:#a36018;}

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

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

#090501
```
#090501 rgb(9,5,1)
```
#1a0f04
```
#1a0f04 rgb(26,15,4)
```
#2b1a06
```
#2b1a06 rgb(43,26,6)
```
#3c2409
```
#3c2409 rgb(60,36,9)
```
#4e2e0b
```
#4e2e0b rgb(78,46,11)
```
#5f380e
```
#5f380e rgb(95,56,14)
```
#704210
```
#704210 rgb(112,66,16)
```
#814c13
```
#814c13 rgb(129,76,19)
```
#925615
```
#925615 rgb(146,86,21)
```
#a36018
```
#a36018 rgb(163,96,24)
```
#b46a1b
```
#b46a1b rgb(180,106,27)
```
#c5741d
```
#c5741d rgb(197,116,29)
```
#d67e20
```
#d67e20 rgb(214,126,32)
```

Shade Color Variation

#e0882a
```
#e0882a rgb(224,136,42)
```
#e2923b
```
#e2923b rgb(226,146,59)
```
#e59b4c
```
#e59b4c rgb(229,155,76)
```
#e7a55d
```
#e7a55d rgb(231,165,93)
```
#eaae6e
```
#eaae6e rgb(234,174,110)
```
#ecb87f
```
#ecb87f rgb(236,184,127)
```
#efc190
```
#efc190 rgb(239,193,144)
```
#f1cba2
```
#f1cba2 rgb(241,203,162)
```
#f4d4b3
```
#f4d4b3 rgb(244,212,179)
```
#f6dec4
```
#f6dec4 rgb(246,222,196)
```
#f9e7d5
```
#f9e7d5 rgb(249,231,213)
```
#fbf1e6
```
#fbf1e6 rgb(251,241,230)
```
#fefbf7
```
#fefbf7 rgb(254,251,247)
```

Tint Color Variation

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

#625e59
```
#625e59 rgb(98,94,89)
```
#695e52
```
#695e52 rgb(105,94,82)
```
#715e4a
```
#715e4a rgb(113,94,74)
```
#785e43
```
#785e43 rgb(120,94,67)
```
#7f5f3c
```
#7f5f3c rgb(127,95,60)
```
#865f35
```
#865f35 rgb(134,95,53)
```
#8d5f2e
```
#8d5f2e rgb(141,95,46)
```
#955f26
```
#955f26 rgb(149,95,38)
```
#9c601f
```
#9c601f rgb(156,96,31)
```
#a36018
```
#a36018 rgb(163,96,24)
```
#aa6011
```
#aa6011 rgb(170,96,17)
```
#b1610a
```
#b1610a rgb(177,97,10)
```
#b96102
```
#b96102 rgb(185,97,2)
```

Tone Color Variation

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

#6c6c6c Achromatopsia 0.005% of the population
#776a5b Atypical Achromatopsia 0.001% of the population

Dichromacy

#857728 Protanopia 1% of men
#94711f Deuteranopia 1% of men
#ab6168 Tritanopia 0.001% of the population

Trichromacy

#906f22 Protanomaly 1% of men, 0.01% of women
#9a6b1c Deuteranomaly 6% of men, 0.4% of women
#a8614b Tritanomaly 0.01% of the population

#a36018 hex color

#a36018 Color Information

#a36018 Color Conversion

Color Schemes with #a36018

Alternatives to #a36018

#a36018 Preview

Shades and Tints of #a36018

Tones of #a36018

Color Blindness Simulator