#a55020 hex color

In a RGB color space, hex #a55020 is composed of 64.7% red, 31.4% green and 12.5% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 51.5% magenta, 80.6% yellow and 35.3% black. It has a hue angle of 21.7 degrees, a saturation of 67.5% and a lightness of 38.6%. #a55020 color hex could be obtained by blending #ffa040 with #4b0000. Closest websafe color is: #996633.

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

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

The hexadecimal color #a55020 has RGB values of R:165, G:80, B:32 and CMYK values of C:0, M:0.52, Y:0.81, K:0.35. Its decimal value is 10833952.

Hex triplet	a55020	`#a55020`
RGB Decimal	165, 80, 32	`rgb(165,80,32)`
RGB Percent	64.7, 31.4, 12.5	`rgb(64.7%,31.4%,12.5%)`
CMYK	0, 52, 81, 35
HSL	21.7°, 67.5, 38.6	`hsl(21.7,67.5%,38.6%)`
HSV (or HSB)	21.7°, 80.6, 64.7
Web Safe	996633	`#996633`

CIE-LAB	44.006, 31.884, 42.677
XYZ	18.647, 13.843, 3.056
xyY	0.525, 0.389, 13.843
CIE-LCH	44.006, 53.272, 53.237
CIE-LUV	44.006, 68.045, 34.772
Hunter-Lab	37.206, 24.352, 21.173
Binary	10100101, 01010000, 00100000

#a55020
```
#a55020 rgb(165,80,32)
```
#2075a5
```
#2075a5 rgb(32,117,165)
```

Complementary Color

#a52033
```
#a52033 rgb(165,32,51)
```
#a55020
```
#a55020 rgb(165,80,32)
```
#a59320
```
#a59320 rgb(165,147,32)
```

Analogous Color

#2033a5
```
#2033a5 rgb(32,51,165)
```
#a55020
```
#a55020 rgb(165,80,32)
```
#20a593
```
#20a593 rgb(32,165,147)
```

Split Complementary Color

#5020a5
```
#5020a5 rgb(80,32,165)
```
#a55020
```
#a55020 rgb(165,80,32)
```
#20a550
```
#20a550 rgb(32,165,80)
```

Triadic Color

#a52075
```
#a52075 rgb(165,32,117)
```
#a55020
```
#a55020 rgb(165,80,32)
```
#20a550
```
#20a550 rgb(32,165,80)
```
#2075a5
```
#2075a5 rgb(32,117,165)
```

Tetradic Color

#653114
```
#653114 rgb(101,49,20)
```
#7a3b18
```
#7a3b18 rgb(122,59,24)
```
#90461c
```
#90461c rgb(144,70,28)
```
#a55020
```
#a55020 rgb(165,80,32)
```
#ba5a24
```
#ba5a24 rgb(186,90,36)
```
#d06528
```
#d06528 rgb(208,101,40)
```
#d97339
```
#d97339 rgb(217,115,57)
```

Monochromatic Color

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

#a52f20
```
#a52f20 rgb(165,47,32)
```
#a53a20
```
#a53a20 rgb(165,58,32)
```
#a54520
```
#a54520 rgb(165,69,32)
```
#a55020
```
#a55020 rgb(165,80,32)
```
#a55b20
```
#a55b20 rgb(165,91,32)
```
#a56620
```
#a56620 rgb(165,102,32)
```
#a57120
```
#a57120 rgb(165,113,32)
```

Similar Colors

Text with hexadecimal color #a55020

This text has a font color of #a55020.

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

#a55020 background color

This paragraph has a background color of #a55020.

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

#a55020 border color

This element has a border color of #a55020.

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

CSS codes

.text {color:#a55020;}

.background {background-color:#a55020;}

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

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

#010000
```
#010000 rgb(1,0,0)
```
#110803
```
#110803 rgb(17,8,3)
```
#221007
```
#221007 rgb(34,16,7)
```
#32180a
```
#32180a rgb(50,24,10)
```
#42200d
```
#42200d rgb(66,32,13)
```
#532810
```
#532810 rgb(83,40,16)
```
#633013
```
#633013 rgb(99,48,19)
```
#743816
```
#743816 rgb(116,56,22)
```
#84401a
```
#84401a rgb(132,64,26)
```
#95481d
```
#95481d rgb(149,72,29)
```
#a55020
```
#a55020 rgb(165,80,32)
```
#b55823
```
#b55823 rgb(181,88,35)
```
#c66026
```
#c66026 rgb(198,96,38)
```

Shade Color Variation

#d6682a
```
#d6682a rgb(214,104,42)
```
#d9743b
```
#d9743b rgb(217,116,59)
```
#dc7f4b
```
#dc7f4b rgb(220,127,75)
```
#df8b5b
```
#df8b5b rgb(223,139,91)
```
#e2976c
```
#e2976c rgb(226,151,108)
```
#e6a27c
```
#e6a27c rgb(230,162,124)
```
#e9ae8d
```
#e9ae8d rgb(233,174,141)
```
#ecba9d
```
#ecba9d rgb(236,186,157)
```
#efc5ae
```
#efc5ae rgb(239,197,174)
```
#f2d1be
```
#f2d1be rgb(242,209,190)
```
#f6ddce
```
#f6ddce rgb(246,221,206)
```
#f9e8df
```
#f9e8df rgb(249,232,223)
```
#fcf4ef
```
#fcf4ef rgb(252,244,239)
```

Tint Color Variation

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

#68615d
```
#68615d rgb(104,97,93)
```
#705f55
```
#705f55 rgb(112,95,85)
```
#785d4d
```
#785d4d rgb(120,93,77)
```
#7f5b46
```
#7f5b46 rgb(127,91,70)
```
#87583e
```
#87583e rgb(135,88,62)
```
#8e5637
```
#8e5637 rgb(142,86,55)
```
#96542f
```
#96542f rgb(150,84,47)
```
#9d5228
```
#9d5228 rgb(157,82,40)
```
#a55020
```
#a55020 rgb(165,80,32)
```
#ad4e18
```
#ad4e18 rgb(173,78,24)
```
#b44c11
```
#b44c11 rgb(180,76,17)
```
#bc4a09
```
#bc4a09 rgb(188,74,9)
```
#c34802
```
#c34802 rgb(195,72,2)
```

Tone Color Variation

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

Dichromacy

#7b7031 Protanopia 1% of men
#8a6a25 Deuteranopia 1% of men
#ab5459 Tritanopia 0.001% of the population

Trichromacy

#8a642b Protanomaly 1% of men, 0.01% of women
#946023 Deuteranomaly 6% of men, 0.4% of women
#a95244 Tritanomaly 0.01% of the population

#a55020 hex color

#a55020 Color Information

#a55020 Color Conversion

Color Schemes with #a55020

Alternatives to #a55020

#a55020 Preview

Shades and Tints of #a55020

Tones of #a55020

Color Blindness Simulator