#a56222 hex color

In a RGB color space, hex #a56222 is composed of 64.7% red, 38.4% green and 13.3% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 40.6% magenta, 79.4% yellow and 35.3% black. It has a hue angle of 29.3 degrees, a saturation of 65.8% and a lightness of 39%. #a56222 color hex could be obtained by blending #ffc444 with #4b0000. Closest websafe color is: #996633.

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

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

The hexadecimal color #a56222 has RGB values of R:165, G:98, B:34 and CMYK values of C:0, M:0.41, Y:0.79, K:0.35. Its decimal value is 10838562.

Hex triplet	a56222	`#a56222`
RGB Decimal	165, 98, 34	`rgb(165,98,34)`
RGB Percent	64.7, 38.4, 13.3	`rgb(64.7%,38.4%,13.3%)`
CMYK	0, 41, 79, 35
HSL	29.3°, 65.8, 39	`hsl(29.3,65.8%,39%)`
HSV (or HSB)	29.3°, 79.4, 64.7
Web Safe	996633	`#996633`

CIE-LAB	48.073, 22.08, 45.669
XYZ	20.174, 16.852, 3.704
xyY	0.495, 0.414, 16.852
CIE-LCH	48.073, 50.726, 64.197
CIE-LUV	48.073, 53.896, 40.986
Hunter-Lab	41.051, 15.883, 23.387
Binary	10100101, 01100010, 00100010

#a56222
```
#a56222 rgb(165,98,34)
```
#2265a5
```
#2265a5 rgb(34,101,165)
```

Complementary Color

#a52224
```
#a52224 rgb(165,34,36)
```
#a56222
```
#a56222 rgb(165,98,34)
```
#a5a422
```
#a5a422 rgb(165,164,34)
```

Analogous Color

#2223a5
```
#2223a5 rgb(34,35,165)
```
#a56222
```
#a56222 rgb(165,98,34)
```
#22a5a4
```
#22a5a4 rgb(34,165,164)
```

Split Complementary Color

#6222a5
```
#6222a5 rgb(98,34,165)
```
#a56222
```
#a56222 rgb(165,98,34)
```
#22a562
```
#22a562 rgb(34,165,98)
```

Triadic Color

#a52265
```
#a52265 rgb(165,34,101)
```
#a56222
```
#a56222 rgb(165,98,34)
```
#22a562
```
#22a562 rgb(34,165,98)
```
#2265a5
```
#2265a5 rgb(34,101,165)
```

Tetradic Color

#663c15
```
#663c15 rgb(102,60,21)
```
#7b4919
```
#7b4919 rgb(123,73,25)
```
#90551e
```
#90551e rgb(144,85,30)
```
#a56222
```
#a56222 rgb(165,98,34)
```
#ba6f26
```
#ba6f26 rgb(186,111,38)
```
#cf7b2b
```
#cf7b2b rgb(207,123,43)
```
#d7883d
```
#d7883d rgb(215,136,61)
```

Monochromatic Color

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

#a54122
```
#a54122 rgb(165,65,34)
```
#a54c22
```
#a54c22 rgb(165,76,34)
```
#a55722
```
#a55722 rgb(165,87,34)
```
#a56222
```
#a56222 rgb(165,98,34)
```
#a56d22
```
#a56d22 rgb(165,109,34)
```
#a57822
```
#a57822 rgb(165,120,34)
```
#a58322
```
#a58322 rgb(165,131,34)
```

Similar Colors

Text with hexadecimal color #a56222

This text has a font color of #a56222.

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

#a56222 background color

This paragraph has a background color of #a56222.

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

#a56222 border color

This element has a border color of #a56222.

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

CSS codes

.text {color:#a56222;}

.background {background-color:#a56222;}

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

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 #fcf6f1 is the lightest one.

#020100
```
#020100 rgb(2,1,0)
```
#130b04
```
#130b04 rgb(19,11,4)
```
#231507
```
#231507 rgb(35,21,7)
```
#331e0b
```
#331e0b rgb(51,30,11)
```
#43280e
```
#43280e rgb(67,40,14)
```
#543211
```
#543211 rgb(84,50,17)
```
#643b15
```
#643b15 rgb(100,59,21)
```
#744518
```
#744518 rgb(116,69,24)
```
#844f1b
```
#844f1b rgb(132,79,27)
```
#95581f
```
#95581f rgb(149,88,31)
```
#a56222
```
#a56222 rgb(165,98,34)
```
#b56c25
```
#b56c25 rgb(181,108,37)
```
#c67529
```
#c67529 rgb(198,117,41)
```

Shade Color Variation

#d47f2e
```
#d47f2e rgb(212,127,46)
```
#d7893e
```
#d7893e rgb(215,137,62)
```
#db934e
```
#db934e rgb(219,147,78)
```
#de9d5f
```
#de9d5f rgb(222,157,95)
```
#e1a76f
```
#e1a76f rgb(225,167,111)
```
#e5b17f
```
#e5b17f rgb(229,177,127)
```
#e8bb90
```
#e8bb90 rgb(232,187,144)
```
#ebc5a0
```
#ebc5a0 rgb(235,197,160)
```
#efcfb0
```
#efcfb0 rgb(239,207,176)
```
#f2d9c0
```
#f2d9c0 rgb(242,217,192)
```
#f5e3d1
```
#f5e3d1 rgb(245,227,209)
```
#f9ede1
```
#f9ede1 rgb(249,237,225)
```
#fcf6f1
```
#fcf6f1 rgb(252,246,241)
```

Tint Color Variation

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

#68635f
```
#68635f rgb(104,99,95)
```
#6f6358
```
#6f6358 rgb(111,99,88)
```
#776350
```
#776350 rgb(119,99,80)
```
#7f6348
```
#7f6348 rgb(127,99,72)
```
#866341
```
#866341 rgb(134,99,65)
```
#8e6339
```
#8e6339 rgb(142,99,57)
```
#966231
```
#966231 rgb(150,98,49)
```
#9d622a
```
#9d622a rgb(157,98,42)
```
#a56222
```
#a56222 rgb(165,98,34)
```
#ad621a
```
#ad621a rgb(173,98,26)
```
#b46213
```
#b46213 rgb(180,98,19)
```
#bc610b
```
#bc610b rgb(188,97,11)
```
#c46103
```
#c46103 rgb(196,97,3)
```

Tone Color Variation

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

#6f6f6f Achromatopsia 0.005% of the population
#7a6c60 Atypical Achromatopsia 0.001% of the population

Dichromacy

#867931 Protanopia 1% of men
#967329 Deuteranopia 1% of men
#ad636a Tritanopia 0.001% of the population

Trichromacy

#91712b Protanomaly 1% of men, 0.01% of women
#9b6d26 Deuteranomaly 6% of men, 0.4% of women
#aa6350 Tritanomaly 0.01% of the population

#a56222 hex color

#a56222 Color Information

#a56222 Color Conversion

Color Schemes with #a56222

Alternatives to #a56222

#a56222 Preview

Shades and Tints of #a56222

Tones of #a56222

Color Blindness Simulator