#a36146 hex color

In a RGB color space, hex #a36146 is composed of 63.9% red, 38% green and 27.5% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 40.5% magenta, 57.1% yellow and 36.1% black. It has a hue angle of 17.4 degrees, a saturation of 39.9% and a lightness of 45.7%. #a36146 color hex could be obtained by blending #ffc28c with #470000. Closest websafe color is: #996633.

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

● #a36146 color description : Dark moderate orange.

The hexadecimal color #a36146 has RGB values of R:163, G:97, B:70 and CMYK values of C:0, M:0.4, Y:0.57, K:0.36. Its decimal value is 10707270.

Hex triplet	a36146	`#a36146`
RGB Decimal	163, 97, 70	`rgb(163,97,70)`
RGB Percent	63.9, 38, 27.5	`rgb(63.9%,38%,27.5%)`
CMYK	0, 40, 57, 36
HSL	17.4°, 39.9, 45.7	`hsl(17.4,39.9%,45.7%)`
HSV (or HSB)	17.4°, 57.1, 63.9
Web Safe	996633	`#996633`

CIE-LAB	47.981, 23.999, 26.706
XYZ	20.485, 16.78, 7.954
xyY	0.453, 0.371, 16.78
CIE-LCH	47.981, 35.905, 48.057
CIE-LUV	47.981, 49.242, 26.063
Hunter-Lab	40.963, 17.58, 17.161
Binary	10100011, 01100001, 01000110

#a36146
```
#a36146 rgb(163,97,70)
```
#4688a3
```
#4688a3 rgb(70,136,163)
```

Complementary Color

#a3465a
```
#a3465a rgb(163,70,90)
```
#a36146
```
#a36146 rgb(163,97,70)
```
#a39046
```
#a39046 rgb(163,144,70)
```

Analogous Color

#465aa3
```
#465aa3 rgb(70,90,163)
```
#a36146
```
#a36146 rgb(163,97,70)
```
#46a390
```
#46a390 rgb(70,163,144)
```

Split Complementary Color

#6146a3
```
#6146a3 rgb(97,70,163)
```
#a36146
```
#a36146 rgb(163,97,70)
```
#46a361
```
#46a361 rgb(70,163,97)
```

Triadic Color

#a34688
```
#a34688 rgb(163,70,136)
```
#a36146
```
#a36146 rgb(163,97,70)
```
#46a361
```
#46a361 rgb(70,163,97)
```
#4688a3
```
#4688a3 rgb(70,136,163)
```

Tetradic Color

#6d412f
```
#6d412f rgb(109,65,47)
```
#7f4c37
```
#7f4c37 rgb(127,76,55)
```
#91563e
```
#91563e rgb(145,86,62)
```
#a36146
```
#a36146 rgb(163,97,70)
```
#b36c4f
```
#b36c4f rgb(179,108,79)
```
#bb7b61
```
#bb7b61 rgb(187,123,97)
```
#c38a73
```
#c38a73 rgb(195,138,115)
```

Monochromatic Color

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

#a34a46
```
#a34a46 rgb(163,74,70)
```
#a35246
```
#a35246 rgb(163,82,70)
```
#a35946
```
#a35946 rgb(163,89,70)
```
#a36146
```
#a36146 rgb(163,97,70)
```
#a36946
```
#a36946 rgb(163,105,70)
```
#a37146
```
#a37146 rgb(163,113,70)
```
#a37846
```
#a37846 rgb(163,120,70)
```

Similar Colors

Text with hexadecimal color #a36146

This text has a font color of #a36146.

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

#a36146 background color

This paragraph has a background color of #a36146.

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

#a36146 border color

This element has a border color of #a36146.

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

CSS codes

.text {color:#a36146;}

.background {background-color:#a36146;}

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

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

#0c0705
```
#0c0705 rgb(12,7,5)
```
#1a0f0b
```
#1a0f0b rgb(26,15,11)
```
#271811
```
#271811 rgb(39,24,17)
```
#352017
```
#352017 rgb(53,32,23)
```
#43281d
```
#43281d rgb(67,40,29)
```
#513023
```
#513023 rgb(81,48,35)
```
#5e3829
```
#5e3829 rgb(94,56,41)
```
#6c402e
```
#6c402e rgb(108,64,46)
```
#7a4934
```
#7a4934 rgb(122,73,52)
```
#88513a
```
#88513a rgb(136,81,58)
```
#955940
```
#955940 rgb(149,89,64)
```
#a36146
```
#a36146 rgb(163,97,70)
```
#b1694c
```
#b1694c rgb(177,105,76)
```

Shade Color Variation

#b87459
```
#b87459 rgb(184,116,89)
```
#bd8066
```
#bd8066 rgb(189,128,102)
```
#c38b74
```
#c38b74 rgb(195,139,116)
```
#c99782
```
#c99782 rgb(201,151,130)
```
#cfa290
```
#cfa290 rgb(207,162,144)
```
#d5ad9d
```
#d5ad9d rgb(213,173,157)
```
#dbb9ab
```
#dbb9ab rgb(219,185,171)
```
#e1c4b9
```
#e1c4b9 rgb(225,196,185)
```
#e7d0c6
```
#e7d0c6 rgb(231,208,198)
```
#eddbd4
```
#eddbd4 rgb(237,219,212)
```
#f2e7e2
```
#f2e7e2 rgb(242,231,226)
```
#f8f2f0
```
#f8f2f0 rgb(248,242,240)
```
#fefefd
```
#fefefd rgb(254,254,253)
```

Tint Color Variation

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

#767473
```
#767473 rgb(118,116,115)
```
#7f706a
```
#7f706a rgb(127,112,106)
```
#886c61
```
#886c61 rgb(136,108,97)
```
#916958
```
#916958 rgb(145,105,88)
```
#9a654f
```
#9a654f rgb(154,101,79)
```
#a36146
```
#a36146 rgb(163,97,70)
```
#ac5d3d
```
#ac5d3d rgb(172,93,61)
```
#b55934
```
#b55934 rgb(181,89,52)
```
#be562b
```
#be562b rgb(190,86,43)
```
#c75222
```
#c75222 rgb(199,82,34)
```
#d04e19
```
#d04e19 rgb(208,78,25)
```
#d94a10
```
#d94a10 rgb(217,74,16)
```
#e24707
```
#e24707 rgb(226,71,7)
```

Tone Color Variation

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

#727272 Achromatopsia 0.005% of the population
#7c6f69 Atypical Achromatopsia 0.001% of the population

Dichromacy

#827955 Protanopia 1% of men
#91744c Deuteranopia 1% of men
#aa656c Tritanopia 0.001% of the population

Trichromacy

#8e704f Protanomaly 1% of men, 0.01% of women
#976d4a Deuteranomaly 6% of men, 0.4% of women
#a7635e Tritanomaly 0.01% of the population

#a36146 hex color

#a36146 Color Information

#a36146 Color Conversion

Color Schemes with #a36146

Alternatives to #a36146

#a36146 Preview

Shades and Tints of #a36146

Tones of #a36146

Color Blindness Simulator