#a66022 hex color

In a RGB color space, hex #a66022 is composed of 65.1% red, 37.6% green and 13.3% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 42.2% magenta, 79.5% yellow and 34.9% black. It has a hue angle of 28.2 degrees, a saturation of 66% and a lightness of 39.2%. #a66022 color hex could be obtained by blending #ffc044 with #4d0000. Closest websafe color is: #996633.

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

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

The hexadecimal color #a66022 has RGB values of R:166, G:96, B:34 and CMYK values of C:0, M:0.42, Y:0.8, K:0.35. Its decimal value is 10903586.

Hex triplet	a66022	`#a66022`
RGB Decimal	166, 96, 34	`rgb(166,96,34)`
RGB Percent	65.1, 37.6, 13.3	`rgb(65.1%,37.6%,13.3%)`
CMYK	0, 42, 80, 35
HSL	28.2°, 66, 39.2	`hsl(28.2,66%,39.2%)`
HSV (or HSB)	28.2°, 79.5, 65.1
Web Safe	996633	`#996633`

CIE-LAB	47.739, 23.637, 45.397
XYZ	20.198, 16.59, 3.652
xyY	0.499, 0.41, 16.59
CIE-LCH	47.739, 51.182, 62.496
CIE-LUV	47.739, 56.291, 40.282
Hunter-Lab	40.731, 17.239, 23.196
Binary	10100110, 01100000, 00100010

#a66022
```
#a66022 rgb(166,96,34)
```
#2268a6
```
#2268a6 rgb(34,104,166)
```

Complementary Color

#a62226
```
#a62226 rgb(166,34,38)
```
#a66022
```
#a66022 rgb(166,96,34)
```
#a6a222
```
#a6a222 rgb(166,162,34)
```

Analogous Color

#2226a6
```
#2226a6 rgb(34,38,166)
```
#a66022
```
#a66022 rgb(166,96,34)
```
#22a6a2
```
#22a6a2 rgb(34,166,162)
```

Split Complementary Color

#6022a6
```
#6022a6 rgb(96,34,166)
```
#a66022
```
#a66022 rgb(166,96,34)
```
#22a660
```
#22a660 rgb(34,166,96)
```

Triadic Color

#a62268
```
#a62268 rgb(166,34,104)
```
#a66022
```
#a66022 rgb(166,96,34)
```
#22a660
```
#22a660 rgb(34,166,96)
```
#2268a6
```
#2268a6 rgb(34,104,166)
```

Tetradic Color

#673b15
```
#673b15 rgb(103,59,21)
```
#7c4819
```
#7c4819 rgb(124,72,25)
```
#91541e
```
#91541e rgb(145,84,30)
```
#a66022
```
#a66022 rgb(166,96,34)
```
#bb6c26
```
#bb6c26 rgb(187,108,38)
```
#d0782b
```
#d0782b rgb(208,120,43)
```
#d7863d
```
#d7863d rgb(215,134,61)
```

Monochromatic Color

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

#a63f22
```
#a63f22 rgb(166,63,34)
```
#a64a22
```
#a64a22 rgb(166,74,34)
```
#a65522
```
#a65522 rgb(166,85,34)
```
#a66022
```
#a66022 rgb(166,96,34)
```
#a66b22
```
#a66b22 rgb(166,107,34)
```
#a67622
```
#a67622 rgb(166,118,34)
```
#a68122
```
#a68122 rgb(166,129,34)
```

Similar Colors

Text with hexadecimal color #a66022

This text has a font color of #a66022.

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

#a66022 background color

This paragraph has a background color of #a66022.

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

#a66022 border color

This element has a border color of #a66022.

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

CSS codes

.text {color:#a66022;}

.background {background-color:#a66022;}

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

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

#030201
```
#030201 rgb(3,2,1)
```
#130b04
```
#130b04 rgb(19,11,4)
```
#241507
```
#241507 rgb(36,21,7)
```
#341e0b
```
#341e0b rgb(52,30,11)
```
#44280e
```
#44280e rgb(68,40,14)
```
#553111
```
#553111 rgb(85,49,17)
```
#653a15
```
#653a15 rgb(101,58,21)
```
#754418
```
#754418 rgb(117,68,24)
```
#854d1b
```
#854d1b rgb(133,77,27)
```
#96571f
```
#96571f rgb(150,87,31)
```
#a66022
```
#a66022 rgb(166,96,34)
```
#b66925
```
#b66925 rgb(182,105,37)
```
#c77329
```
#c77329 rgb(199,115,41)
```

Shade Color Variation

#d47c2f
```
#d47c2f rgb(212,124,47)
```
#d8873f
```
#d8873f rgb(216,135,63)
```
#db914f
```
#db914f rgb(219,145,79)
```
#de9b5f
```
#de9b5f rgb(222,155,95)
```
#e2a570
```
#e2a570 rgb(226,165,112)
```
#e5af80
```
#e5af80 rgb(229,175,128)
```
#e8ba90
```
#e8ba90 rgb(232,186,144)
```
#ecc4a1
```
#ecc4a1 rgb(236,196,161)
```
#efceb1
```
#efceb1 rgb(239,206,177)
```
#f2d8c1
```
#f2d8c1 rgb(242,216,193)
```
#f6e2d1
```
#f6e2d1 rgb(246,226,209)
```
#f9ede2
```
#f9ede2 rgb(249,237,226)
```
#fcf7f2
```
#fcf7f2 rgb(252,247,242)
```

Tint Color Variation

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

#686460
```
#686460 rgb(104,100,96)
```
#706358
```
#706358 rgb(112,99,88)
```
#786350
```
#786350 rgb(120,99,80)
```
#806248
```
#806248 rgb(128,98,72)
```
#876241
```
#876241 rgb(135,98,65)
```
#8f6139
```
#8f6139 rgb(143,97,57)
```
#976131
```
#976131 rgb(151,97,49)
```
#9e602a
```
#9e602a rgb(158,96,42)
```
#a66022
```
#a66022 rgb(166,96,34)
```
#ae601a
```
#ae601a rgb(174,96,26)
```
#b55f13
```
#b55f13 rgb(181,95,19)
```
#bd5f0b
```
#bd5f0b rgb(189,95,11)
```
#c55e03
```
#c55e03 rgb(197,94,3)
```

Tone Color Variation

Below, you can see how #a66022 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
#796b5f Atypical Achromatopsia 0.001% of the population

Dichromacy

#857831 Protanopia 1% of men
#957229 Deuteranopia 1% of men
#ad6268 Tritanopia 0.001% of the population

Trichromacy

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

#a66022 hex color

#a66022 Color Information

#a66022 Color Conversion

Color Schemes with #a66022

Alternatives to #a66022

#a66022 Preview

Shades and Tints of #a66022

Tones of #a66022

Color Blindness Simulator