#a66020 hex color

In a RGB color space, hex #a66020 is composed of 65.1% red, 37.6% green and 12.5% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 42.2% magenta, 80.7% yellow and 34.9% black. It has a hue angle of 28.7 degrees, a saturation of 67.7% and a lightness of 38.8%. #a66020 color hex could be obtained by blending #ffc040 with #4d0000. Closest websafe color is: #996633.

♥
- f
- t
- g
- R 65
- G 38
- B 13
RGB color chart
- C 0
- M 42
- Y 81
- K 35
CMYK color chart

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

The hexadecimal color #a66020 has RGB values of R:166, G:96, B:32 and CMYK values of C:0, M:0.42, Y:0.81, K:0.35. Its decimal value is 10903584.

Hex triplet	a66020	`#a66020`
RGB Decimal	166, 96, 32	`rgb(166,96,32)`
RGB Percent	65.1, 37.6, 12.5	`rgb(65.1%,37.6%,12.5%)`
CMYK	0, 42, 81, 35
HSL	28.7°, 67.7, 38.8	`hsl(28.7,67.7%,38.8%)`
HSV (or HSB)	28.7°, 80.7, 65.1
Web Safe	996633	`#996633`

CIE-LAB	47.725, 23.56, 46.253
XYZ	20.17, 16.579, 3.504
xyY	0.501, 0.412, 16.579
CIE-LCH	47.725, 51.908, 63.007
CIE-LUV	47.725, 56.435, 40.802
Hunter-Lab	40.717, 17.17, 23.399
Binary	10100110, 01100000, 00100000

#a66020
```
#a66020 rgb(166,96,32)
```
#2066a6
```
#2066a6 rgb(32,102,166)
```

Complementary Color

#a62023
```
#a62023 rgb(166,32,35)
```
#a66020
```
#a66020 rgb(166,96,32)
```
#a6a320
```
#a6a320 rgb(166,163,32)
```

Analogous Color

#2023a6
```
#2023a6 rgb(32,35,166)
```
#a66020
```
#a66020 rgb(166,96,32)
```
#20a6a3
```
#20a6a3 rgb(32,166,163)
```

Split Complementary Color

#6020a6
```
#6020a6 rgb(96,32,166)
```
#a66020
```
#a66020 rgb(166,96,32)
```
#20a660
```
#20a660 rgb(32,166,96)
```

Triadic Color

#a62066
```
#a62066 rgb(166,32,102)
```
#a66020
```
#a66020 rgb(166,96,32)
```
#20a660
```
#20a660 rgb(32,166,96)
```
#2066a6
```
#2066a6 rgb(32,102,166)
```

Tetradic Color

#663b14
```
#663b14 rgb(102,59,20)
```
#7b4718
```
#7b4718 rgb(123,71,24)
```
#91541c
```
#91541c rgb(145,84,28)
```
#a66020
```
#a66020 rgb(166,96,32)
```
#bb6c24
```
#bb6c24 rgb(187,108,36)
```
#d17928
```
#d17928 rgb(209,121,40)
```
#d9863a
```
#d9863a rgb(217,134,58)
```

Monochromatic Color

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

#a63f20
```
#a63f20 rgb(166,63,32)
```
#a64a20
```
#a64a20 rgb(166,74,32)
```
#a65520
```
#a65520 rgb(166,85,32)
```
#a66020
```
#a66020 rgb(166,96,32)
```
#a66b20
```
#a66b20 rgb(166,107,32)
```
#a67620
```
#a67620 rgb(166,118,32)
```
#a68220
```
#a68220 rgb(166,130,32)
```

Similar Colors

Text with hexadecimal color #a66020

This text has a font color of #a66020.

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

#a66020 background color

This paragraph has a background color of #a66020.

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

#a66020 border color

This element has a border color of #a66020.

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

CSS codes

.text {color:#a66020;}

.background {background-color:#a66020;}

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

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

#020100
```
#020100 rgb(2,1,0)
```
#120a03
```
#120a03 rgb(18,10,3)
```
#221407
```
#221407 rgb(34,20,7)
```
#331d0a
```
#331d0a rgb(51,29,10)
```
#43270d
```
#43270d rgb(67,39,13)
```
#543010
```
#543010 rgb(84,48,16)
```
#643a13
```
#643a13 rgb(100,58,19)
```
#754316
```
#754316 rgb(117,67,22)
```
#854d1a
```
#854d1a rgb(133,77,26)
```
#96561d
```
#96561d rgb(150,86,29)
```
#a66020
```
#a66020 rgb(166,96,32)
```
#b66a23
```
#b66a23 rgb(182,106,35)
```
#c77326
```
#c77326 rgb(199,115,38)
```

Shade Color Variation

#d67d2b
```
#d67d2b rgb(214,125,43)
```
#d9873b
```
#d9873b rgb(217,135,59)
```
#dc914c
```
#dc914c rgb(220,145,76)
```
#e09b5c
```
#e09b5c rgb(224,155,92)
```
#e3a56d
```
#e3a56d rgb(227,165,109)
```
#e6af7d
```
#e6af7d rgb(230,175,125)
```
#e9b98d
```
#e9b98d rgb(233,185,141)
```
#ecc39e
```
#ecc39e rgb(236,195,158)
```
#efcdae
```
#efcdae rgb(239,205,174)
```
#f3d8bf
```
#f3d8bf rgb(243,216,191)
```
#f6e2cf
```
#f6e2cf rgb(246,226,207)
```
#f9ece0
```
#f9ece0 rgb(249,236,224)
```
#fcf6f0
```
#fcf6f0 rgb(252,246,240)
```

Tint Color Variation

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

#69635d
```
#69635d rgb(105,99,93)
```
#716255
```
#716255 rgb(113,98,85)
```
#78624e
```
#78624e rgb(120,98,78)
```
#806246
```
#806246 rgb(128,98,70)
```
#88613e
```
#88613e rgb(136,97,62)
```
#8f6137
```
#8f6137 rgb(143,97,55)
```
#97612f
```
#97612f rgb(151,97,47)
```
#9e6028
```
#9e6028 rgb(158,96,40)
```
#a66020
```
#a66020 rgb(166,96,32)
```
#ae6018
```
#ae6018 rgb(174,96,24)
```
#b55f11
```
#b55f11 rgb(181,95,17)
```
#bd5f09
```
#bd5f09 rgb(189,95,9)
```
#c45f02
```
#c45f02 rgb(196,95,2)
```

Tone Color Variation

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

#6e6e6e Achromatopsia 0.005% of the population
#796b5e Atypical Achromatopsia 0.001% of the population

Dichromacy

#867830 Protanopia 1% of men
#957227 Deuteranopia 1% of men
#ad6268 Tritanopia 0.001% of the population

Trichromacy

#916f2a Protanomaly 1% of men, 0.01% of women
#9b6c24 Deuteranomaly 6% of men, 0.4% of women
#ab614e Tritanomaly 0.01% of the population

#a66020 hex color

#a66020 Color Information

#a66020 Color Conversion

Color Schemes with #a66020

Alternatives to #a66020

#a66020 Preview

Shades and Tints of #a66020

Tones of #a66020

Color Blindness Simulator