#a55022 hex color

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

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

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

The hexadecimal color #a55022 has RGB values of R:165, G:80, B:34 and CMYK values of C:0, M:0.52, Y:0.79, K:0.35. Its decimal value is 10833954.

Hex triplet	a55022	`#a55022`
RGB Decimal	165, 80, 34	`rgb(165,80,34)`
RGB Percent	64.7, 31.4, 13.3	`rgb(64.7%,31.4%,13.3%)`
CMYK	0, 52, 79, 35
HSL	21.1°, 65.8, 39	`hsl(21.1,65.8%,39%)`
HSV (or HSB)	21.1°, 79.4, 64.7
Web Safe	996633	`#996633`

CIE-LAB	44.023, 31.959, 41.742
XYZ	18.675, 13.854, 3.204
xyY	0.523, 0.388, 13.854
CIE-LCH	44.023, 52.572, 52.561
CIE-LUV	44.023, 67.851, 34.21
Hunter-Lab	37.221, 24.424, 20.951
Binary	10100101, 01010000, 00100010

#a55022
```
#a55022 rgb(165,80,34)
```
#2277a5
```
#2277a5 rgb(34,119,165)
```

Complementary Color

#a52236
```
#a52236 rgb(165,34,54)
```
#a55022
```
#a55022 rgb(165,80,34)
```
#a59222
```
#a59222 rgb(165,146,34)
```

Analogous Color

#2236a5
```
#2236a5 rgb(34,54,165)
```
#a55022
```
#a55022 rgb(165,80,34)
```
#22a592
```
#22a592 rgb(34,165,146)
```

Split Complementary Color

#5022a5
```
#5022a5 rgb(80,34,165)
```
#a55022
```
#a55022 rgb(165,80,34)
```
#22a550
```
#22a550 rgb(34,165,80)
```

Triadic Color

#a52277
```
#a52277 rgb(165,34,119)
```
#a55022
```
#a55022 rgb(165,80,34)
```
#22a550
```
#22a550 rgb(34,165,80)
```
#2277a5
```
#2277a5 rgb(34,119,165)
```

Tetradic Color

#663115
```
#663115 rgb(102,49,21)
```
#7b3b19
```
#7b3b19 rgb(123,59,25)
```
#90461e
```
#90461e rgb(144,70,30)
```
#a55022
```
#a55022 rgb(165,80,34)
```
#ba5a26
```
#ba5a26 rgb(186,90,38)
```
#cf652b
```
#cf652b rgb(207,101,43)
```
#d7733d
```
#d7733d rgb(215,115,61)
```

Monochromatic Color

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

#a52f22
```
#a52f22 rgb(165,47,34)
```
#a53a22
```
#a53a22 rgb(165,58,34)
```
#a54522
```
#a54522 rgb(165,69,34)
```
#a55022
```
#a55022 rgb(165,80,34)
```
#a55b22
```
#a55b22 rgb(165,91,34)
```
#a56622
```
#a56622 rgb(165,102,34)
```
#a57122
```
#a57122 rgb(165,113,34)
```

Similar Colors

Text with hexadecimal color #a55022

This text has a font color of #a55022.

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

#a55022 background color

This paragraph has a background color of #a55022.

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

#a55022 border color

This element has a border color of #a55022.

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

CSS codes

.text {color:#a55022;}

.background {background-color:#a55022;}

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

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

#020100
```
#020100 rgb(2,1,0)
```
#130904
```
#130904 rgb(19,9,4)
```
#231107
```
#231107 rgb(35,17,7)
```
#33190b
```
#33190b rgb(51,25,11)
```
#43210e
```
#43210e rgb(67,33,14)
```
#542911
```
#542911 rgb(84,41,17)
```
#643015
```
#643015 rgb(100,48,21)
```
#743818
```
#743818 rgb(116,56,24)
```
#84401b
```
#84401b rgb(132,64,27)
```
#95481f
```
#95481f rgb(149,72,31)
```
#a55022
```
#a55022 rgb(165,80,34)
```
#b55825
```
#b55825 rgb(181,88,37)
```
#c66029
```
#c66029 rgb(198,96,41)
```

Shade Color Variation

#d4682e
```
#d4682e rgb(212,104,46)
```
#d7743e
```
#d7743e rgb(215,116,62)
```
#db804e
```
#db804e rgb(219,128,78)
```
#de8b5f
```
#de8b5f rgb(222,139,95)
```
#e1976f
```
#e1976f rgb(225,151,111)
```
#e5a37f
```
#e5a37f rgb(229,163,127)
```
#e8af90
```
#e8af90 rgb(232,175,144)
```
#ebbaa0
```
#ebbaa0 rgb(235,186,160)
```
#efc6b0
```
#efc6b0 rgb(239,198,176)
```
#f2d2c0
```
#f2d2c0 rgb(242,210,192)
```
#f5ded1
```
#f5ded1 rgb(245,222,209)
```
#f9e9e1
```
#f9e9e1 rgb(249,233,225)
```
#fcf5f1
```
#fcf5f1 rgb(252,245,241)
```

Tint Color Variation

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

#68625f
```
#68625f rgb(104,98,95)
```
#6f6058
```
#6f6058 rgb(111,96,88)
```
#775e50
```
#775e50 rgb(119,94,80)
```
#7f5b48
```
#7f5b48 rgb(127,91,72)
```
#865941
```
#865941 rgb(134,89,65)
```
#8e5739
```
#8e5739 rgb(142,87,57)
```
#965531
```
#965531 rgb(150,85,49)
```
#9d522a
```
#9d522a rgb(157,82,42)
```
#a55022
```
#a55022 rgb(165,80,34)
```
#ad4e1a
```
#ad4e1a rgb(173,78,26)
```
#b44b13
```
#b44b13 rgb(180,75,19)
```
#bc490b
```
#bc490b rgb(188,73,11)
```
#c44703
```
#c44703 rgb(196,71,3)
```

Tone Color Variation

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

#646464 Achromatopsia 0.005% of the population
#716057 Atypical Achromatopsia 0.001% of the population

Dichromacy

#7b7033 Protanopia 1% of men
#8a6a27 Deuteranopia 1% of men
#ab5459 Tritanopia 0.001% of the population

Trichromacy

#8a642d Protanomaly 1% of men, 0.01% of women
#946025 Deuteranomaly 6% of men, 0.4% of women
#a95245 Tritanomaly 0.01% of the population

#a55022 hex color

#a55022 Color Information

#a55022 Color Conversion

Color Schemes with #a55022

Alternatives to #a55022

#a55022 Preview

Shades and Tints of #a55022

Tones of #a55022

Color Blindness Simulator