#a55222 hex color

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

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

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

The hexadecimal color #a55222 has RGB values of R:165, G:82, B:34 and CMYK values of C:0, M:0.5, Y:0.79, K:0.35. Its decimal value is 10834466.

Hex triplet	a55222	`#a55222`
RGB Decimal	165, 82, 34	`rgb(165,82,34)`
RGB Percent	64.7, 32.2, 13.3	`rgb(64.7%,32.2%,13.3%)`
CMYK	0, 50, 79, 35
HSL	22°, 65.8, 39	`hsl(22,65.8%,39%)`
HSV (or HSB)	22°, 79.4, 64.7
Web Safe	996633	`#996633`

CIE-LAB	44.449, 30.891, 42.16
XYZ	18.824, 14.151, 3.253
xyY	0.52, 0.391, 14.151
CIE-LCH	44.449, 52.266, 53.77
CIE-LUV	44.449, 66.324, 34.934
Hunter-Lab	37.618, 23.488, 21.205
Binary	10100101, 01010010, 00100010

#a55222
```
#a55222 rgb(165,82,34)
```
#2275a5
```
#2275a5 rgb(34,117,165)
```

Complementary Color

#a52233
```
#a52233 rgb(165,34,51)
```
#a55222
```
#a55222 rgb(165,82,34)
```
#a59422
```
#a59422 rgb(165,148,34)
```

Analogous Color

#2234a5
```
#2234a5 rgb(34,52,165)
```
#a55222
```
#a55222 rgb(165,82,34)
```
#22a594
```
#22a594 rgb(34,165,148)
```

Split Complementary Color

#5222a5
```
#5222a5 rgb(82,34,165)
```
#a55222
```
#a55222 rgb(165,82,34)
```
#22a552
```
#22a552 rgb(34,165,82)
```

Triadic Color

#a52275
```
#a52275 rgb(165,34,117)
```
#a55222
```
#a55222 rgb(165,82,34)
```
#22a552
```
#22a552 rgb(34,165,82)
```
#2275a5
```
#2275a5 rgb(34,117,165)
```

Tetradic Color

#663215
```
#663215 rgb(102,50,21)
```
#7b3d19
```
#7b3d19 rgb(123,61,25)
```
#90471e
```
#90471e rgb(144,71,30)
```
#a55222
```
#a55222 rgb(165,82,34)
```
#ba5d26
```
#ba5d26 rgb(186,93,38)
```
#cf672b
```
#cf672b rgb(207,103,43)
```
#d7753d
```
#d7753d rgb(215,117,61)
```

Monochromatic Color

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

#a53122
```
#a53122 rgb(165,49,34)
```
#a53c22
```
#a53c22 rgb(165,60,34)
```
#a54722
```
#a54722 rgb(165,71,34)
```
#a55222
```
#a55222 rgb(165,82,34)
```
#a55d22
```
#a55d22 rgb(165,93,34)
```
#a56822
```
#a56822 rgb(165,104,34)
```
#a57322
```
#a57322 rgb(165,115,34)
```

Similar Colors

Text with hexadecimal color #a55222

This text has a font color of #a55222.

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

#a55222 background color

This paragraph has a background color of #a55222.

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

#a55222 border color

This element has a border color of #a55222.

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

CSS codes

.text {color:#a55222;}

.background {background-color:#a55222;}

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

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)
```
#43220e
```
#43220e rgb(67,34,14)
```
#542a11
```
#542a11 rgb(84,42,17)
```
#643215
```
#643215 rgb(100,50,21)
```
#743a18
```
#743a18 rgb(116,58,24)
```
#84421b
```
#84421b rgb(132,66,27)
```
#954a1f
```
#954a1f rgb(149,74,31)
```
#a55222
```
#a55222 rgb(165,82,34)
```
#b55a25
```
#b55a25 rgb(181,90,37)
```
#c66229
```
#c66229 rgb(198,98,41)
```

Shade Color Variation

#d46b2e
```
#d46b2e rgb(212,107,46)
```
#d7763e
```
#d7763e rgb(215,118,62)
```
#db824e
```
#db824e rgb(219,130,78)
```
#de8d5f
```
#de8d5f rgb(222,141,95)
```
#e1996f
```
#e1996f rgb(225,153,111)
```
#e5a47f
```
#e5a47f rgb(229,164,127)
```
#e8b090
```
#e8b090 rgb(232,176,144)
```
#ebbba0
```
#ebbba0 rgb(235,187,160)
```
#efc7b0
```
#efc7b0 rgb(239,199,176)
```
#f2d3c0
```
#f2d3c0 rgb(242,211,192)
```
#f5ded1
```
#f5ded1 rgb(245,222,209)
```
#f9eae1
```
#f9eae1 rgb(249,234,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 #c44a03 is the most saturated one.

#68625f
```
#68625f rgb(104,98,95)
```
#6f6058
```
#6f6058 rgb(111,96,88)
```
#775e50
```
#775e50 rgb(119,94,80)
```
#7f5c48
```
#7f5c48 rgb(127,92,72)
```
#865a41
```
#865a41 rgb(134,90,65)
```
#8e5839
```
#8e5839 rgb(142,88,57)
```
#965631
```
#965631 rgb(150,86,49)
```
#9d542a
```
#9d542a rgb(157,84,42)
```
#a55222
```
#a55222 rgb(165,82,34)
```
#ad501a
```
#ad501a rgb(173,80,26)
```
#b44e13
```
#b44e13 rgb(180,78,19)
```
#bc4c0b
```
#bc4c0b rgb(188,76,11)
```
#c44a03
```
#c44a03 rgb(196,74,3)
```

Tone Color Variation

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

#656565 Achromatopsia 0.005% of the population
#726158 Atypical Achromatopsia 0.001% of the population

Dichromacy

#7d7133 Protanopia 1% of men
#8c6b27 Deuteranopia 1% of men
#ab565b Tritanopia 0.001% of the population

Trichromacy

#8b652d Protanomaly 1% of men, 0.01% of women
#956225 Deuteranomaly 6% of men, 0.4% of women
#a95446 Tritanomaly 0.01% of the population

#a55222 hex color

#a55222 Color Information

#a55222 Color Conversion

Color Schemes with #a55222

Alternatives to #a55222

#a55222 Preview

Shades and Tints of #a55222

Tones of #a55222

Color Blindness Simulator