#a55e20 hex color

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

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

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

The hexadecimal color #a55e20 has RGB values of R:165, G:94, B:32 and CMYK values of C:0, M:0.43, Y:0.81, K:0.35. Its decimal value is 10837536.

Hex triplet	a55e20	`#a55e20`
RGB Decimal	165, 94, 32	`rgb(165,94,32)`
RGB Percent	64.7, 36.9, 12.5	`rgb(64.7%,36.9%,12.5%)`
CMYK	0, 43, 81, 35
HSL	28°, 67.5, 38.6	`hsl(28,67.5%,38.6%)`
HSV (or HSB)	28°, 80.6, 64.7
Web Safe	996633	`#996633`

CIE-LAB	47.119, 24.24, 45.635
XYZ	19.781, 16.111, 3.434
xyY	0.503, 0.41, 16.111
CIE-LCH	47.119, 51.673, 62.024
CIE-LUV	47.119, 57.171, 39.962
Hunter-Lab	40.138, 17.728, 23.024
Binary	10100101, 01011110, 00100000

#a55e20
```
#a55e20 rgb(165,94,32)
```
#2067a5
```
#2067a5 rgb(32,103,165)
```

Complementary Color

#a52025
```
#a52025 rgb(165,32,37)
```
#a55e20
```
#a55e20 rgb(165,94,32)
```
#a5a120
```
#a5a120 rgb(165,161,32)
```

Analogous Color

#2025a5
```
#2025a5 rgb(32,37,165)
```
#a55e20
```
#a55e20 rgb(165,94,32)
```
#20a5a1
```
#20a5a1 rgb(32,165,161)
```

Split Complementary Color

#5e20a5
```
#5e20a5 rgb(94,32,165)
```
#a55e20
```
#a55e20 rgb(165,94,32)
```
#20a55e
```
#20a55e rgb(32,165,94)
```

Triadic Color

#a52067
```
#a52067 rgb(165,32,103)
```
#a55e20
```
#a55e20 rgb(165,94,32)
```
#20a55e
```
#20a55e rgb(32,165,94)
```
#2067a5
```
#2067a5 rgb(32,103,165)
```

Tetradic Color

#653914
```
#653914 rgb(101,57,20)
```
#7a4618
```
#7a4618 rgb(122,70,24)
```
#90521c
```
#90521c rgb(144,82,28)
```
#a55e20
```
#a55e20 rgb(165,94,32)
```
#ba6a24
```
#ba6a24 rgb(186,106,36)
```
#d07628
```
#d07628 rgb(208,118,40)
```
#d98339
```
#d98339 rgb(217,131,57)
```

Monochromatic Color

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

#a53d20
```
#a53d20 rgb(165,61,32)
```
#a54820
```
#a54820 rgb(165,72,32)
```
#a55320
```
#a55320 rgb(165,83,32)
```
#a55e20
```
#a55e20 rgb(165,94,32)
```
#a56920
```
#a56920 rgb(165,105,32)
```
#a57420
```
#a57420 rgb(165,116,32)
```
#a57f20
```
#a57f20 rgb(165,127,32)
```

Similar Colors

Text with hexadecimal color #a55e20

This text has a font color of #a55e20.

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

#a55e20 background color

This paragraph has a background color of #a55e20.

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

#a55e20 border color

This element has a border color of #a55e20.

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

CSS codes

.text {color:#a55e20;}

.background {background-color:#a55e20;}

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

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

#010000
```
#010000 rgb(1,0,0)
```
#110a03
```
#110a03 rgb(17,10,3)
```
#221307
```
#221307 rgb(34,19,7)
```
#321c0a
```
#321c0a rgb(50,28,10)
```
#42260d
```
#42260d rgb(66,38,13)
```
#532f10
```
#532f10 rgb(83,47,16)
```
#633913
```
#633913 rgb(99,57,19)
```
#744216
```
#744216 rgb(116,66,22)
```
#844b1a
```
#844b1a rgb(132,75,26)
```
#95551d
```
#95551d rgb(149,85,29)
```
#a55e20
```
#a55e20 rgb(165,94,32)
```
#b56723
```
#b56723 rgb(181,103,35)
```
#c67126
```
#c67126 rgb(198,113,38)
```

Shade Color Variation

#d67a2a
```
#d67a2a rgb(214,122,42)
```
#d9843b
```
#d9843b rgb(217,132,59)
```
#dc8f4b
```
#dc8f4b rgb(220,143,75)
```
#df995b
```
#df995b rgb(223,153,91)
```
#e2a36c
```
#e2a36c rgb(226,163,108)
```
#e6ad7c
```
#e6ad7c rgb(230,173,124)
```
#e9b88d
```
#e9b88d rgb(233,184,141)
```
#ecc29d
```
#ecc29d rgb(236,194,157)
```
#efccae
```
#efccae rgb(239,204,174)
```
#f2d6be
```
#f2d6be rgb(242,214,190)
```
#f6e1ce
```
#f6e1ce rgb(246,225,206)
```
#f9ebdf
```
#f9ebdf rgb(249,235,223)
```
#fcf5ef
```
#fcf5ef rgb(252,245,239)
```

Tint Color Variation

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

#68625d
```
#68625d rgb(104,98,93)
```
#706255
```
#706255 rgb(112,98,85)
```
#78614d
```
#78614d rgb(120,97,77)
```
#7f6146
```
#7f6146 rgb(127,97,70)
```
#87603e
```
#87603e rgb(135,96,62)
```
#8e6037
```
#8e6037 rgb(142,96,55)
```
#965f2f
```
#965f2f rgb(150,95,47)
```
#9d5f28
```
#9d5f28 rgb(157,95,40)
```
#a55e20
```
#a55e20 rgb(165,94,32)
```
#ad5d18
```
#ad5d18 rgb(173,93,24)
```
#b45d11
```
#b45d11 rgb(180,93,17)
```
#bc5c09
```
#bc5c09 rgb(188,92,9)
```
#c35c02
```
#c35c02 rgb(195,92,2)
```

Tone Color Variation

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

#6c6c6c Achromatopsia 0.005% of the population
#77695d Atypical Achromatopsia 0.001% of the population

Dichromacy

#847730 Protanopia 1% of men
#947127 Deuteranopia 1% of men
#ac6066 Tritanopia 0.001% of the population

Trichromacy

#906e2a Protanomaly 1% of men, 0.01% of women
#9a6a24 Deuteranomaly 6% of men, 0.4% of women
#aa5f4c Tritanomaly 0.01% of the population

#a55e20 hex color

#a55e20 Color Information

#a55e20 Color Conversion

Color Schemes with #a55e20

Alternatives to #a55e20

#a55e20 Preview

Shades and Tints of #a55e20

Tones of #a55e20

Color Blindness Simulator