#a37018 hex color

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

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

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

The hexadecimal color #a37018 has RGB values of R:163, G:112, B:24 and CMYK values of C:0, M:0.31, Y:0.85, K:0.36. Its decimal value is 10711064.

Hex triplet	a37018	`#a37018`
RGB Decimal	163, 112, 24	`rgb(163,112,24)`
RGB Percent	63.9, 43.9, 9.4	`rgb(63.9%,43.9%,9.4%)`
CMYK	0, 31, 85, 36
HSL	38°, 74.3, 36.7	`hsl(38,74.3%,36.7%)`
HSV (or HSB)	38°, 85.3, 63.9
Web Safe	996600	`#996600`

CIE-LAB	51.201, 12.92, 52.226
XYZ	21.064, 19.442, 3.507
xyY	0.479, 0.442, 19.442
CIE-LCH	51.201, 53.801, 76.105
CIE-LUV	51.201, 41.824, 48.609
Hunter-Lab	44.093, 8.108, 26.149
Binary	10100011, 01110000, 00011000

#a37018
```
#a37018 rgb(163,112,24)
```
#184ba3
```
#184ba3 rgb(24,75,163)
```

Complementary Color

#a32b18
```
#a32b18 rgb(163,43,24)
```
#a37018
```
#a37018 rgb(163,112,24)
```
#91a318
```
#91a318 rgb(145,163,24)
```

Analogous Color

#2b18a3
```
#2b18a3 rgb(43,24,163)
```
#a37018
```
#a37018 rgb(163,112,24)
```
#1891a3
```
#1891a3 rgb(24,145,163)
```

Split Complementary Color

#7018a3
```
#7018a3 rgb(112,24,163)
```
#a37018
```
#a37018 rgb(163,112,24)
```
#18a370
```
#18a370 rgb(24,163,112)
```

Triadic Color

#a3184b
```
#a3184b rgb(163,24,75)
```
#a37018
```
#a37018 rgb(163,112,24)
```
#18a370
```
#18a370 rgb(24,163,112)
```
#184ba3
```
#184ba3 rgb(24,75,163)
```

Tetradic Color

#60420e
```
#60420e rgb(96,66,14)
```
#775111
```
#775111 rgb(119,81,17)
```
#8d6115
```
#8d6115 rgb(141,97,21)
```
#a37018
```
#a37018 rgb(163,112,24)
```
#b97f1b
```
#b97f1b rgb(185,127,27)
```
#cf8f1f
```
#cf8f1f rgb(207,143,31)
```
#df9c28
```
#df9c28 rgb(223,156,40)
```

Monochromatic Color

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

#a34d18
```
#a34d18 rgb(163,77,24)
```
#a35918
```
#a35918 rgb(163,89,24)
```
#a36418
```
#a36418 rgb(163,100,24)
```
#a37018
```
#a37018 rgb(163,112,24)
```
#a37c18
```
#a37c18 rgb(163,124,24)
```
#a38718
```
#a38718 rgb(163,135,24)
```
#a39318
```
#a39318 rgb(163,147,24)
```

Similar Colors

Text with hexadecimal color #a37018

This text has a font color of #a37018.

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

#a37018 background color

This paragraph has a background color of #a37018.

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

#a37018 border color

This element has a border color of #a37018.

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

CSS codes

.text {color:#a37018;}

.background {background-color:#a37018;}

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

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

#090601
```
#090601 rgb(9,6,1)
```
#1a1204
```
#1a1204 rgb(26,18,4)
```
#2b1e06
```
#2b1e06 rgb(43,30,6)
```
#3c2a09
```
#3c2a09 rgb(60,42,9)
```
#4e350b
```
#4e350b rgb(78,53,11)
```
#5f410e
```
#5f410e rgb(95,65,14)
```
#704d10
```
#704d10 rgb(112,77,16)
```
#815913
```
#815913 rgb(129,89,19)
```
#926415
```
#926415 rgb(146,100,21)
```
#a37018
```
#a37018 rgb(163,112,24)
```
#b47c1b
```
#b47c1b rgb(180,124,27)
```
#c5871d
```
#c5871d rgb(197,135,29)
```
#d69320
```
#d69320 rgb(214,147,32)
```

Shade Color Variation

#e09d2a
```
#e09d2a rgb(224,157,42)
```
#e2a53b
```
#e2a53b rgb(226,165,59)
```
#e5ad4c
```
#e5ad4c rgb(229,173,76)
```
#e7b55d
```
#e7b55d rgb(231,181,93)
```
#eabc6e
```
#eabc6e rgb(234,188,110)
```
#ecc47f
```
#ecc47f rgb(236,196,127)
```
#efcc90
```
#efcc90 rgb(239,204,144)
```
#f1d4a2
```
#f1d4a2 rgb(241,212,162)
```
#f4dcb3
```
#f4dcb3 rgb(244,220,179)
```
#f6e4c4
```
#f6e4c4 rgb(246,228,196)
```
#f9ecd5
```
#f9ecd5 rgb(249,236,213)
```
#fbf3e6
```
#fbf3e6 rgb(251,243,230)
```
#fefbf7
```
#fefbf7 rgb(254,251,247)
```

Tint Color Variation

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

#625f59
```
#625f59 rgb(98,95,89)
```
#696152
```
#696152 rgb(105,97,82)
```
#71634a
```
#71634a rgb(113,99,74)
```
#786543
```
#786543 rgb(120,101,67)
```
#7f663c
```
#7f663c rgb(127,102,60)
```
#866835
```
#866835 rgb(134,104,53)
```
#8d6a2e
```
#8d6a2e rgb(141,106,46)
```
#956c26
```
#956c26 rgb(149,108,38)
```
#9c6e1f
```
#9c6e1f rgb(156,110,31)
```
#a37018
```
#a37018 rgb(163,112,24)
```
#aa7211
```
#aa7211 rgb(170,114,17)
```
#b1740a
```
#b1740a rgb(177,116,10)
```
#b97602
```
#b97602 rgb(185,118,2)
```

Tone Color Variation

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

#757575 Achromatopsia 0.005% of the population
#7e7462 Atypical Achromatopsia 0.001% of the population

Dichromacy

#8f8126 Protanopia 1% of men
#a07a22 Deuteranopia 1% of men
#ac6f77 Tritanopia 0.001% of the population

Trichromacy

#967a21 Protanomaly 1% of men, 0.01% of women
#a1761e Deuteranomaly 6% of men, 0.4% of women
#a96f54 Tritanomaly 0.01% of the population

#a37018 hex color

#a37018 Color Information

#a37018 Color Conversion

Color Schemes with #a37018

Alternatives to #a37018

#a37018 Preview

Shades and Tints of #a37018

Tones of #a37018

Color Blindness Simulator