#a66f1e hex color

In a RGB color space, hex #a66f1e is composed of 65.1% red, 43.5% green and 11.8% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 33.1% magenta, 81.9% yellow and 34.9% black. It has a hue angle of 35.7 degrees, a saturation of 69.4% and a lightness of 38.4%. #a66f1e color hex could be obtained by blending #ffde3c with #4d0000. Closest websafe color is: #996633.

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

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

The hexadecimal color #a66f1e has RGB values of R:166, G:111, B:30 and CMYK values of C:0, M:0.33, Y:0.82, K:0.35. Its decimal value is 10907422.

Hex triplet	a66f1e	`#a66f1e`
RGB Decimal	166, 111, 30	`rgb(166,111,30)`
RGB Percent	65.1, 43.5, 11.8	`rgb(65.1%,43.5%,11.8%)`
CMYK	0, 33, 82, 35
HSL	35.7°, 69.4, 38.4	`hsl(35.7,69.4%,38.4%)`
HSV (or HSB)	35.7°, 81.9, 65.1
Web Safe	996633	`#996633`

CIE-LAB	51.349, 15.04, 50.384
XYZ	21.645, 19.571, 3.866
xyY	0.48, 0.434, 19.571
CIE-LCH	51.349, 52.581, 73.38
CIE-LUV	51.349, 44.784, 47.149
Hunter-Lab	44.239, 9.917, 25.786
Binary	10100110, 01101111, 00011110

#a66f1e
```
#a66f1e rgb(166,111,30)
```
#1e55a6
```
#1e55a6 rgb(30,85,166)
```

Complementary Color

#a62b1e
```
#a62b1e rgb(166,43,30)
```
#a66f1e
```
#a66f1e rgb(166,111,30)
```
#99a61e
```
#99a61e rgb(153,166,30)
```

Analogous Color

#2b1ea6
```
#2b1ea6 rgb(43,30,166)
```
#a66f1e
```
#a66f1e rgb(166,111,30)
```
#1e99a6
```
#1e99a6 rgb(30,153,166)
```

Split Complementary Color

#6f1ea6
```
#6f1ea6 rgb(111,30,166)
```
#a66f1e
```
#a66f1e rgb(166,111,30)
```
#1ea66f
```
#1ea66f rgb(30,166,111)
```

Triadic Color

#a61e55
```
#a61e55 rgb(166,30,85)
```
#a66f1e
```
#a66f1e rgb(166,111,30)
```
#1ea66f
```
#1ea66f rgb(30,166,111)
```
#1e55a6
```
#1e55a6 rgb(30,85,166)
```

Tetradic Color

#654412
```
#654412 rgb(101,68,18)
```
#7b5216
```
#7b5216 rgb(123,82,22)
```
#90611a
```
#90611a rgb(144,97,26)
```
#a66f1e
```
#a66f1e rgb(166,111,30)
```
#bc7d22
```
#bc7d22 rgb(188,125,34)
```
#d18c26
```
#d18c26 rgb(209,140,38)
```
#db9836
```
#db9836 rgb(219,152,54)
```

Monochromatic Color

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

#a64d1e
```
#a64d1e rgb(166,77,30)
```
#a6581e
```
#a6581e rgb(166,88,30)
```
#a6641e
```
#a6641e rgb(166,100,30)
```
#a66f1e
```
#a66f1e rgb(166,111,30)
```
#a67a1e
```
#a67a1e rgb(166,122,30)
```
#a6861e
```
#a6861e rgb(166,134,30)
```
#a6911e
```
#a6911e rgb(166,145,30)
```

Similar Colors

Text with hexadecimal color #a66f1e

This text has a font color of #a66f1e.

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

#a66f1e background color

This paragraph has a background color of #a66f1e.

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

#a66f1e border color

This element has a border color of #a66f1e.

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

CSS codes

.text {color:#a66f1e;}

.background {background-color:#a66f1e;}

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

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, #100b03 is the darkest color, while #ffffff is the lightest one.

#100b03
```
#100b03 rgb(16,11,3)
```
#211606
```
#211606 rgb(33,22,6)
```
#322109
```
#322109 rgb(50,33,9)
```
#422c0c
```
#422c0c rgb(66,44,12)
```
#53370f
```
#53370f rgb(83,55,15)
```
#644312
```
#644312 rgb(100,67,18)
```
#744e15
```
#744e15 rgb(116,78,21)
```
#855918
```
#855918 rgb(133,89,24)
```
#95641b
```
#95641b rgb(149,100,27)
```
#a66f1e
```
#a66f1e rgb(166,111,30)
```
#b77a21
```
#b77a21 rgb(183,122,33)
```
#c78524
```
#c78524 rgb(199,133,36)
```
#d89027
```
#d89027 rgb(216,144,39)
```

Shade Color Variation

#db9938
```
#db9938 rgb(219,153,56)
```
#dea148
```
#dea148 rgb(222,161,72)
```
#e1aa59
```
#e1aa59 rgb(225,170,89)
```
#e4b269
```
#e4b269 rgb(228,178,105)
```
#e7bb7a
```
#e7bb7a rgb(231,187,122)
```
#eac38b
```
#eac38b rgb(234,195,139)
```
#edcc9b
```
#edcc9b rgb(237,204,155)
```
#f0d4ac
```
#f0d4ac rgb(240,212,172)
```
#f3ddbc
```
#f3ddbc rgb(243,221,188)
```
#f6e5cd
```
#f6e5cd rgb(246,229,205)
```
#f9eede
```
#f9eede rgb(249,238,222)
```
#fcf6ee
```
#fcf6ee rgb(252,246,238)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Tint Color Variation

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

#626262
```
#626262 rgb(98,98,98)
```
#6a635a
```
#6a635a rgb(106,99,90)
```
#716553
```
#716553 rgb(113,101,83)
```
#79664b
```
#79664b rgb(121,102,75)
```
#806844
```
#806844 rgb(128,104,68)
```
#88693c
```
#88693c rgb(136,105,60)
```
#8f6b35
```
#8f6b35 rgb(143,107,53)
```
#976c2d
```
#976c2d rgb(151,108,45)
```
#9e6e26
```
#9e6e26 rgb(158,110,38)
```
#a66f1e
```
#a66f1e rgb(166,111,30)
```
#ae7016
```
#ae7016 rgb(174,112,22)
```
#b5720f
```
#b5720f rgb(181,114,15)
```
#bd7307
```
#bd7307 rgb(189,115,7)
```

Tone Color Variation

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

#767676 Achromatopsia 0.005% of the population
#807564 Atypical Achromatopsia 0.001% of the population

Dichromacy

#90812c Protanopia 1% of men
#a07b27 Deuteranopia 1% of men
#af6f76 Tritanopia 0.001% of the population

Trichromacy

#987a27 Protanomaly 1% of men, 0.01% of women
#a27624 Deuteranomaly 6% of men, 0.4% of women
#ab6f56 Tritanomaly 0.01% of the population

#a66f1e hex color

#a66f1e Color Information

#a66f1e Color Conversion

Color Schemes with #a66f1e

Alternatives to #a66f1e

#a66f1e Preview

Shades and Tints of #a66f1e

Tones of #a66f1e

Color Blindness Simulator