#a67346 hex color

In a RGB color space, hex #a67346 is composed of 65.1% red, 45.1% green and 27.5% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 30.7% magenta, 57.8% yellow and 34.9% black. It has a hue angle of 28.1 degrees, a saturation of 40.7% and a lightness of 46.3%. #a67346 color hex could be obtained by blending #ffe68c with #4d0000. Closest websafe color is: #996633.

♥
- f
- t
- g
- R 65
- G 45
- B 27
RGB color chart
- C 0
- M 31
- Y 58
- K 35
CMYK color chart

● #a67346 color description : Dark moderate orange.

The hexadecimal color #a67346 has RGB values of R:166, G:115, B:70 and CMYK values of C:0, M:0.31, Y:0.58, K:0.35. Its decimal value is 10908486.

Hex triplet	a67346	`#a67346`
RGB Decimal	166, 115, 70	`rgb(166,115,70)`
RGB Percent	65.1, 45.1, 27.5	`rgb(65.1%,45.1%,27.5%)`
CMYK	0, 31, 58, 35
HSL	28.1°, 40.7, 46.3	`hsl(28.1,40.7%,46.3%)`
HSV (or HSB)	28.1°, 57.8, 65.1
Web Safe	996633	`#996633`

CIE-LAB	52.743, 15.102, 32.706
XYZ	22.962, 20.812, 8.602
xyY	0.438, 0.397, 20.812
CIE-LCH	52.743, 36.024, 65.215
CIE-LUV	52.743, 38.828, 34.693
Hunter-Lab	45.62, 10.011, 20.755
Binary	10100110, 01110011, 01000110

#a67346
```
#a67346 rgb(166,115,70)
```
#4679a6
```
#4679a6 rgb(70,121,166)
```

Complementary Color

#a64649
```
#a64649 rgb(166,70,73)
```
#a67346
```
#a67346 rgb(166,115,70)
```
#a6a346
```
#a6a346 rgb(166,163,70)
```

Analogous Color

#4649a6
```
#4649a6 rgb(70,73,166)
```
#a67346
```
#a67346 rgb(166,115,70)
```
#46a6a3
```
#46a6a3 rgb(70,166,163)
```

Split Complementary Color

#7346a6
```
#7346a6 rgb(115,70,166)
```
#a67346
```
#a67346 rgb(166,115,70)
```
#46a673
```
#46a673 rgb(70,166,115)
```

Triadic Color

#a64679
```
#a64679 rgb(166,70,121)
```
#a67346
```
#a67346 rgb(166,115,70)
```
#46a673
```
#46a673 rgb(70,166,115)
```
#4679a6
```
#4679a6 rgb(70,121,166)
```

Tetradic Color

#704e2f
```
#704e2f rgb(112,78,47)
```
#825a37
```
#825a37 rgb(130,90,55)
```
#94673e
```
#94673e rgb(148,103,62)
```
#a67346
```
#a67346 rgb(166,115,70)
```
#b58050
```
#b58050 rgb(181,128,80)
```
#bd8d62
```
#bd8d62 rgb(189,141,98)
```
#c49a74
```
#c49a74 rgb(196,154,116)
```

Monochromatic Color

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

#a65b46
```
#a65b46 rgb(166,91,70)
```
#a66346
```
#a66346 rgb(166,99,70)
```
#a66b46
```
#a66b46 rgb(166,107,70)
```
#a67346
```
#a67346 rgb(166,115,70)
```
#a67b46
```
#a67b46 rgb(166,123,70)
```
#a68346
```
#a68346 rgb(166,131,70)
```
#a68b46
```
#a68b46 rgb(166,139,70)
```

Similar Colors

Text with hexadecimal color #a67346

This text has a font color of #a67346.

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

#a67346 background color

This paragraph has a background color of #a67346.

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

#a67346 border color

This element has a border color of #a67346.

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

CSS codes

.text {color:#a67346;}

.background {background-color:#a67346;}

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

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

#000000
```
#000000 rgb(0,0,0)
```
#0e0a06
```
#0e0a06 rgb(14,10,6)
```
#1c130c
```
#1c130c rgb(28,19,12)
```
#2a1d12
```
#2a1d12 rgb(42,29,18)
```
#382717
```
#382717 rgb(56,39,23)
```
#45301d
```
#45301d rgb(69,48,29)
```
#533a23
```
#533a23 rgb(83,58,35)
```
#614329
```
#614329 rgb(97,67,41)
```
#6f4d2f
```
#6f4d2f rgb(111,77,47)
```
#7d5635
```
#7d5635 rgb(125,86,53)
```
#8a603a
```
#8a603a rgb(138,96,58)
```
#986940
```
#986940 rgb(152,105,64)
```
#a67346
```
#a67346 rgb(166,115,70)
```

Shade Color Variation

#b47d4c
```
#b47d4c rgb(180,125,76)
```
#b9875a
```
#b9875a rgb(185,135,90)
```
#bf9168
```
#bf9168 rgb(191,145,104)
```
#c59b75
```
#c59b75 rgb(197,155,117)
```
#cba583
```
#cba583 rgb(203,165,131)
```
#d1af91
```
#d1af91 rgb(209,175,145)
```
#d6b99f
```
#d6b99f rgb(214,185,159)
```
#dcc3ad
```
#dcc3ad rgb(220,195,173)
```
#e2cdba
```
#e2cdba rgb(226,205,186)
```
#e8d7c8
```
#e8d7c8 rgb(232,215,200)
```
#eee1d6
```
#eee1d6 rgb(238,225,214)
```
#f4ebe4
```
#f4ebe4 rgb(244,235,228)
```
#f9f5f2
```
#f9f5f2 rgb(249,245,242)
```

Tint Color Variation

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

#797673
```
#797673 rgb(121,118,115)
```
#82756a
```
#82756a rgb(130,117,106)
```
#8b7561
```
#8b7561 rgb(139,117,97)
```
#947458
```
#947458 rgb(148,116,88)
```
#9d744f
```
#9d744f rgb(157,116,79)
```
#a67346
```
#a67346 rgb(166,115,70)
```
#af723d
```
#af723d rgb(175,114,61)
```
#b87234
```
#b87234 rgb(184,114,52)
```
#c1712b
```
#c1712b rgb(193,113,43)
```
#ca7122
```
#ca7122 rgb(202,113,34)
```
#d37019
```
#d37019 rgb(211,112,25)
```
#dc7010
```
#dc7010 rgb(220,112,16)
```
#e66f06
```
#e66f06 rgb(230,111,6)
```

Tone Color Variation

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

#7d7d7d Achromatopsia 0.005% of the population
#857b72 Atypical Achromatopsia 0.001% of the population

Dichromacy

#908453 Protanopia 1% of men
#a07e4e Deuteranopia 1% of men
#ae747c Tritanopia 0.001% of the population

Trichromacy

#987e4e Protanomaly 1% of men, 0.01% of women
#a27a4b Deuteranomaly 6% of men, 0.4% of women
#ab7468 Tritanomaly 0.01% of the population

#a67346 hex color

#a67346 Color Information

#a67346 Color Conversion

Color Schemes with #a67346

Alternatives to #a67346

#a67346 Preview

Shades and Tints of #a67346

Tones of #a67346

Color Blindness Simulator