#a66522 hex color

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

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

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

The hexadecimal color #a66522 has RGB values of R:166, G:101, B:34 and CMYK values of C:0, M:0.39, Y:0.8, K:0.35. Its decimal value is 10904866.

Hex triplet	a66522	`#a66522`
RGB Decimal	166, 101, 34	`rgb(166,101,34)`
RGB Percent	65.1, 39.6, 13.3	`rgb(65.1%,39.6%,13.3%)`
CMYK	0, 39, 80, 35
HSL	30.5°, 66, 39.2	`hsl(30.5,66%,39.2%)`
HSV (or HSB)	30.5°, 79.5, 65.1
Web Safe	996633	`#996633`

CIE-LAB	48.923, 20.835, 46.527
XYZ	20.669, 17.531, 3.809
xyY	0.492, 0.417, 17.531
CIE-LCH	48.923, 50.979, 65.877
CIE-LUV	48.923, 52.376, 42.23
Hunter-Lab	41.871, 14.841, 23.916
Binary	10100110, 01100101, 00100010

#a66522
```
#a66522 rgb(166,101,34)
```
#2263a6
```
#2263a6 rgb(34,99,166)
```

Complementary Color

#a62322
```
#a62322 rgb(166,35,34)
```
#a66522
```
#a66522 rgb(166,101,34)
```
#a5a622
```
#a5a622 rgb(165,166,34)
```

Analogous Color

#2322a6
```
#2322a6 rgb(35,34,166)
```
#a66522
```
#a66522 rgb(166,101,34)
```
#22a5a6
```
#22a5a6 rgb(34,165,166)
```

Split Complementary Color

#6522a6
```
#6522a6 rgb(101,34,166)
```
#a66522
```
#a66522 rgb(166,101,34)
```
#22a665
```
#22a665 rgb(34,166,101)
```

Triadic Color

#a62263
```
#a62263 rgb(166,34,99)
```
#a66522
```
#a66522 rgb(166,101,34)
```
#22a665
```
#22a665 rgb(34,166,101)
```
#2263a6
```
#2263a6 rgb(34,99,166)
```

Tetradic Color

#673e15
```
#673e15 rgb(103,62,21)
```
#7c4b19
```
#7c4b19 rgb(124,75,25)
```
#91581e
```
#91581e rgb(145,88,30)
```
#a66522
```
#a66522 rgb(166,101,34)
```
#bb7226
```
#bb7226 rgb(187,114,38)
```
#d07f2b
```
#d07f2b rgb(208,127,43)
```
#d78b3d
```
#d78b3d rgb(215,139,61)
```

Monochromatic Color

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

#a64422
```
#a64422 rgb(166,68,34)
```
#a64f22
```
#a64f22 rgb(166,79,34)
```
#a65a22
```
#a65a22 rgb(166,90,34)
```
#a66522
```
#a66522 rgb(166,101,34)
```
#a67022
```
#a67022 rgb(166,112,34)
```
#a67b22
```
#a67b22 rgb(166,123,34)
```
#a68622
```
#a68622 rgb(166,134,34)
```

Similar Colors

Text with hexadecimal color #a66522

This text has a font color of #a66522.

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

#a66522 background color

This paragraph has a background color of #a66522.

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

#a66522 border color

This element has a border color of #a66522.

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

CSS codes

.text {color:#a66522;}

.background {background-color:#a66522;}

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

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)
```
#130c04
```
#130c04 rgb(19,12,4)
```
#241607
```
#241607 rgb(36,22,7)
```
#34200b
```
#34200b rgb(52,32,11)
```
#442a0e
```
#442a0e rgb(68,42,14)
```
#553311
```
#553311 rgb(85,51,17)
```
#653d15
```
#653d15 rgb(101,61,21)
```
#754718
```
#754718 rgb(117,71,24)
```
#85511b
```
#85511b rgb(133,81,27)
```
#965b1f
```
#965b1f rgb(150,91,31)
```
#a66522
```
#a66522 rgb(166,101,34)
```
#b66f25
```
#b66f25 rgb(182,111,37)
```
#c77929
```
#c77929 rgb(199,121,41)
```

Shade Color Variation

#d4832f
```
#d4832f rgb(212,131,47)
```
#d88c3f
```
#d88c3f rgb(216,140,63)
```
#db964f
```
#db964f rgb(219,150,79)
```
#dea05f
```
#dea05f rgb(222,160,95)
```
#e2aa70
```
#e2aa70 rgb(226,170,112)
```
#e5b380
```
#e5b380 rgb(229,179,128)
```
#e8bd90
```
#e8bd90 rgb(232,189,144)
```
#ecc7a1
```
#ecc7a1 rgb(236,199,161)
```
#efd0b1
```
#efd0b1 rgb(239,208,177)
```
#f2dac1
```
#f2dac1 rgb(242,218,193)
```
#f6e4d1
```
#f6e4d1 rgb(246,228,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 #c56503 is the most saturated one.

#686460
```
#686460 rgb(104,100,96)
```
#706458
```
#706458 rgb(112,100,88)
```
#786450
```
#786450 rgb(120,100,80)
```
#806448
```
#806448 rgb(128,100,72)
```
#876541
```
#876541 rgb(135,101,65)
```
#8f6539
```
#8f6539 rgb(143,101,57)
```
#976531
```
#976531 rgb(151,101,49)
```
#9e652a
```
#9e652a rgb(158,101,42)
```
#a66522
```
#a66522 rgb(166,101,34)
```
#ae651a
```
#ae651a rgb(174,101,26)
```
#b56513
```
#b56513 rgb(181,101,19)
```
#bd650b
```
#bd650b rgb(189,101,11)
```
#c56503
```
#c56503 rgb(197,101,3)
```

Tone Color Variation

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

#717171 Achromatopsia 0.005% of the population
#7c6f61 Atypical Achromatopsia 0.001% of the population

Dichromacy

#897b31 Protanopia 1% of men
#997529 Deuteranopia 1% of men
#ae666d Tritanopia 0.001% of the population

Trichromacy

#93732b Protanomaly 1% of men, 0.01% of women
#9d6f27 Deuteranomaly 6% of men, 0.4% of women
#ab6651 Tritanomaly 0.01% of the population

#a66522 hex color

#a66522 Color Information

#a66522 Color Conversion

Color Schemes with #a66522

Alternatives to #a66522

#a66522 Preview

Shades and Tints of #a66522

Tones of #a66522

Color Blindness Simulator