#a66f2e hex color

In a RGB color space, hex #a66f2e is composed of 65.1% red, 43.5% green and 18% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 33.1% magenta, 72.3% yellow and 34.9% black. It has a hue angle of 32.5 degrees, a saturation of 56.6% and a lightness of 41.6%. #a66f2e color hex could be obtained by blending #ffde5c with #4d0000. Closest websafe color is: #996633.

♥
- f
- t
- g
- R 65
- G 44
- B 18
RGB color chart
- C 0
- M 33
- Y 72
- K 35
CMYK color chart

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

The hexadecimal color #a66f2e has RGB values of R:166, G:111, B:46 and CMYK values of C:0, M:0.33, Y:0.72, K:0.35. Its decimal value is 10907438.

Hex triplet	a66f2e	`#a66f2e`
RGB Decimal	166, 111, 46	`rgb(166,111,46)`
RGB Percent	65.1, 43.5, 18	`rgb(65.1%,43.5%,18%)`
CMYK	0, 33, 72, 35
HSL	32.5°, 56.6, 41.6	`hsl(32.5,56.6%,41.6%)`
HSV (or HSB)	32.5°, 72.3, 65.1
Web Safe	996633	`#996633`

CIE-LAB	51.467, 15.741, 43.628
XYZ	21.904, 19.675, 5.229
xyY	0.468, 0.42, 19.675
CIE-LCH	51.467, 46.38, 70.161
CIE-LUV	51.467, 43.825, 42.737
Hunter-Lab	44.356, 10.524, 24.06
Binary	10100110, 01101111, 00101110

#a66f2e
```
#a66f2e rgb(166,111,46)
```
#2e65a6
```
#2e65a6 rgb(46,101,166)
```

Complementary Color

#a6332e
```
#a6332e rgb(166,51,46)
```
#a66f2e
```
#a66f2e rgb(166,111,46)
```
#a1a62e
```
#a1a62e rgb(161,166,46)
```

Analogous Color

#332ea6
```
#332ea6 rgb(51,46,166)
```
#a66f2e
```
#a66f2e rgb(166,111,46)
```
#2ea1a6
```
#2ea1a6 rgb(46,161,166)
```

Split Complementary Color

#6f2ea6
```
#6f2ea6 rgb(111,46,166)
```
#a66f2e
```
#a66f2e rgb(166,111,46)
```
#2ea66f
```
#2ea66f rgb(46,166,111)
```

Triadic Color

#a62e65
```
#a62e65 rgb(166,46,101)
```
#a66f2e
```
#a66f2e rgb(166,111,46)
```
#2ea66f
```
#2ea66f rgb(46,166,111)
```
#2e65a6
```
#2e65a6 rgb(46,101,166)
```

Tetradic Color

#6a471d
```
#6a471d rgb(106,71,29)
```
#7e5423
```
#7e5423 rgb(126,84,35)
```
#926228
```
#926228 rgb(146,98,40)
```
#a66f2e
```
#a66f2e rgb(166,111,46)
```
#ba7c34
```
#ba7c34 rgb(186,124,52)
```
#c9893e
```
#c9893e rgb(201,137,62)
```
#cf9552
```
#cf9552 rgb(207,149,82)
```

Monochromatic Color

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

#a6512e
```
#a6512e rgb(166,81,46)
```
#a65b2e
```
#a65b2e rgb(166,91,46)
```
#a6652e
```
#a6652e rgb(166,101,46)
```
#a66f2e
```
#a66f2e rgb(166,111,46)
```
#a6792e
```
#a6792e rgb(166,121,46)
```
#a6832e
```
#a6832e rgb(166,131,46)
```
#a68d2e
```
#a68d2e rgb(166,141,46)
```

Similar Colors

Text with hexadecimal color #a66f2e

This text has a font color of #a66f2e.

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

#a66f2e background color

This paragraph has a background color of #a66f2e.

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

#a66f2e border color

This element has a border color of #a66f2e.

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

CSS codes

.text {color:#a66f2e;}

.background {background-color:#a66f2e;}

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

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

#0c0803
```
#0c0803 rgb(12,8,3)
```
#1c1308
```
#1c1308 rgb(28,19,8)
```
#2b1d0c
```
#2b1d0c rgb(43,29,12)
```
#3a2710
```
#3a2710 rgb(58,39,16)
```
#4a3114
```
#4a3114 rgb(74,49,20)
```
#593c19
```
#593c19 rgb(89,60,25)
```
#69461d
```
#69461d rgb(105,70,29)
```
#785021
```
#785021 rgb(120,80,33)
```
#875a25
```
#875a25 rgb(135,90,37)
```
#97652a
```
#97652a rgb(151,101,42)
```
#a66f2e
```
#a66f2e rgb(166,111,46)
```
#b57932
```
#b57932 rgb(181,121,50)
```
#c58437
```
#c58437 rgb(197,132,55)
```

Shade Color Variation

#cb8d44
```
#cb8d44 rgb(203,141,68)
```
#cf9653
```
#cf9653 rgb(207,150,83)
```
#d4a062
```
#d4a062 rgb(212,160,98)
```
#d8a972
```
#d8a972 rgb(216,169,114)
```
#dcb281
```
#dcb281 rgb(220,178,129)
```
#e0bc91
```
#e0bc91 rgb(224,188,145)
```
#e5c5a0
```
#e5c5a0 rgb(229,197,160)
```
#e9ceaf
```
#e9ceaf rgb(233,206,175)
```
#edd8bf
```
#edd8bf rgb(237,216,191)
```
#f1e1ce
```
#f1e1ce rgb(241,225,206)
```
#f6ebdd
```
#f6ebdd rgb(246,235,221)
```
#faf4ed
```
#faf4ed rgb(250,244,237)
```
#fefdfc
```
#fefdfc rgb(254,253,252)
```

Tint Color Variation

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

#6d6a67
```
#6d6a67 rgb(109,106,103)
```
#756b5f
```
#756b5f rgb(117,107,95)
```
#7d6c57
```
#7d6c57 rgb(125,108,87)
```
#856c4f
```
#856c4f rgb(133,108,79)
```
#8e6d46
```
#8e6d46 rgb(142,109,70)
```
#966e3e
```
#966e3e rgb(150,110,62)
```
#9e6e36
```
#9e6e36 rgb(158,110,54)
```
#a66f2e
```
#a66f2e rgb(166,111,46)
```
#ae7026
```
#ae7026 rgb(174,112,38)
```
#b6701e
```
#b6701e rgb(182,112,30)
```
#be7116
```
#be7116 rgb(190,113,22)
```
#c7720d
```
#c7720d rgb(199,114,13)
```
#cf7205
```
#cf7205 rgb(207,114,5)
```

Tone Color Variation

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

#787878 Achromatopsia 0.005% of the population
#817669 Atypical Achromatopsia 0.001% of the population

Dichromacy

#8f813c Protanopia 1% of men
#9f7b37 Deuteranopia 1% of men
#ae6f77 Tritanopia 0.001% of the population

Trichromacy

#977a36 Protanomaly 1% of men, 0.01% of women
#a27733 Deuteranomaly 6% of men, 0.4% of women
#ab6f5c Tritanomaly 0.01% of the population

#a66f2e hex color

#a66f2e Color Information

#a66f2e Color Conversion

Color Schemes with #a66f2e

Alternatives to #a66f2e

#a66f2e Preview

Shades and Tints of #a66f2e

Tones of #a66f2e

Color Blindness Simulator