#a56f22 hex color

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

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

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

The hexadecimal color #a56f22 has RGB values of R:165, G:111, B:34 and CMYK values of C:0, M:0.33, Y:0.79, K:0.35. Its decimal value is 10841890.

Hex triplet	a56f22	`#a56f22`
RGB Decimal	165, 111, 34	`rgb(165,111,34)`
RGB Percent	64.7, 43.5, 13.3	`rgb(64.7%,43.5%,13.3%)`
CMYK	0, 33, 79, 35
HSL	35.3°, 65.8, 39	`hsl(35.3,65.8%,39%)`
HSV (or HSB)	35.3°, 79.4, 64.7
Web Safe	996633	`#996633`

CIE-LAB	51.25, 14.737, 48.682
XYZ	21.491, 19.485, 4.142
xyY	0.476, 0.432, 19.485
CIE-LCH	51.25, 50.864, 73.158
CIE-LUV	51.25, 43.768, 46.154
Hunter-Lab	44.142, 9.655, 25.335
Binary	10100101, 01101111, 00100010

#a56f22
```
#a56f22 rgb(165,111,34)
```
#2258a5
```
#2258a5 rgb(34,88,165)
```

Complementary Color

#a52e22
```
#a52e22 rgb(165,46,34)
```
#a56f22
```
#a56f22 rgb(165,111,34)
```
#9aa522
```
#9aa522 rgb(154,165,34)
```

Analogous Color

#2e22a5
```
#2e22a5 rgb(46,34,165)
```
#a56f22
```
#a56f22 rgb(165,111,34)
```
#229aa5
```
#229aa5 rgb(34,154,165)
```

Split Complementary Color

#6f22a5
```
#6f22a5 rgb(111,34,165)
```
#a56f22
```
#a56f22 rgb(165,111,34)
```
#22a56f
```
#22a56f rgb(34,165,111)
```

Triadic Color

#a52258
```
#a52258 rgb(165,34,88)
```
#a56f22
```
#a56f22 rgb(165,111,34)
```
#22a56f
```
#22a56f rgb(34,165,111)
```
#2258a5
```
#2258a5 rgb(34,88,165)
```

Tetradic Color

#664415
```
#664415 rgb(102,68,21)
```
#7b5319
```
#7b5319 rgb(123,83,25)
```
#90611e
```
#90611e rgb(144,97,30)
```
#a56f22
```
#a56f22 rgb(165,111,34)
```
#ba7d26
```
#ba7d26 rgb(186,125,38)
```
#cf8b2b
```
#cf8b2b rgb(207,139,43)
```
#d7973d
```
#d7973d rgb(215,151,61)
```

Monochromatic Color

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

#a54e22
```
#a54e22 rgb(165,78,34)
```
#a55922
```
#a55922 rgb(165,89,34)
```
#a56422
```
#a56422 rgb(165,100,34)
```
#a56f22
```
#a56f22 rgb(165,111,34)
```
#a57a22
```
#a57a22 rgb(165,122,34)
```
#a58522
```
#a58522 rgb(165,133,34)
```
#a59022
```
#a59022 rgb(165,144,34)
```

Similar Colors

Text with hexadecimal color #a56f22

This text has a font color of #a56f22.

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

#a56f22 background color

This paragraph has a background color of #a56f22.

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

#a56f22 border color

This element has a border color of #a56f22.

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

CSS codes

.text {color:#a56f22;}

.background {background-color:#a56f22;}

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

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

#020200
```
#020200 rgb(2,2,0)
```
#130d04
```
#130d04 rgb(19,13,4)
```
#231707
```
#231707 rgb(35,23,7)
```
#33220b
```
#33220b rgb(51,34,11)
```
#432d0e
```
#432d0e rgb(67,45,14)
```
#543811
```
#543811 rgb(84,56,17)
```
#644315
```
#644315 rgb(100,67,21)
```
#744e18
```
#744e18 rgb(116,78,24)
```
#84591b
```
#84591b rgb(132,89,27)
```
#95641f
```
#95641f rgb(149,100,31)
```
#a56f22
```
#a56f22 rgb(165,111,34)
```
#b57a25
```
#b57a25 rgb(181,122,37)
```
#c68529
```
#c68529 rgb(198,133,41)
```

Shade Color Variation

#d48f2e
```
#d48f2e rgb(212,143,46)
```
#d7983e
```
#d7983e rgb(215,152,62)
```
#dba14e
```
#dba14e rgb(219,161,78)
```
#deaa5f
```
#deaa5f rgb(222,170,95)
```
#e1b26f
```
#e1b26f rgb(225,178,111)
```
#e5bb7f
```
#e5bb7f rgb(229,187,127)
```
#e8c490
```
#e8c490 rgb(232,196,144)
```
#ebcca0
```
#ebcca0 rgb(235,204,160)
```
#efd5b0
```
#efd5b0 rgb(239,213,176)
```
#f2dec0
```
#f2dec0 rgb(242,222,192)
```
#f5e6d1
```
#f5e6d1 rgb(245,230,209)
```
#f9efe1
```
#f9efe1 rgb(249,239,225)
```
#fcf8f1
```
#fcf8f1 rgb(252,248,241)
```

Tint Color Variation

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

#68645f
```
#68645f rgb(104,100,95)
```
#6f6658
```
#6f6658 rgb(111,102,88)
```
#776750
```
#776750 rgb(119,103,80)
```
#7f6848
```
#7f6848 rgb(127,104,72)
```
#866a41
```
#866a41 rgb(134,106,65)
```
#8e6b39
```
#8e6b39 rgb(142,107,57)
```
#966c31
```
#966c31 rgb(150,108,49)
```
#9d6e2a
```
#9d6e2a rgb(157,110,42)
```
#a56f22
```
#a56f22 rgb(165,111,34)
```
#ad701a
```
#ad701a rgb(173,112,26)
```
#b47213
```
#b47213 rgb(180,114,19)
```
#bc730b
```
#bc730b rgb(188,115,11)
```
#c47403
```
#c47403 rgb(196,116,3)
```

Tone Color Variation

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

Dichromacy

#8f8130 Protanopia 1% of men
#a07a2b Deuteranopia 1% of men
#ae6f76 Tritanopia 0.001% of the population

Trichromacy

#977a2b Protanomaly 1% of men, 0.01% of women
#a17628 Deuteranomaly 6% of men, 0.4% of women
#aa6f58 Tritanomaly 0.01% of the population

#a56f22 hex color

#a56f22 Color Information

#a56f22 Color Conversion

Color Schemes with #a56f22

Alternatives to #a56f22

#a56f22 Preview

Shades and Tints of #a56f22

Tones of #a56f22

Color Blindness Simulator