#a5501e hex color

In a RGB color space, hex #a5501e is composed of 64.7% red, 31.4% green and 11.8% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 51.5% magenta, 81.8% yellow and 35.3% black. It has a hue angle of 22.2 degrees, a saturation of 69.2% and a lightness of 38.2%. #a5501e color hex could be obtained by blending #ffa03c with #4b0000. Closest websafe color is: #996633.

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

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

The hexadecimal color #a5501e has RGB values of R:165, G:80, B:30 and CMYK values of C:0, M:0.52, Y:0.82, K:0.35. Its decimal value is 10833950.

Hex triplet	a5501e	`#a5501e`
RGB Decimal	165, 80, 30	`rgb(165,80,30)`
RGB Percent	64.7, 31.4, 11.8	`rgb(64.7%,31.4%,11.8%)`
CMYK	0, 52, 82, 35
HSL	22.2°, 69.2, 38.2	`hsl(22.2,69.2%,38.2%)`
HSV (or HSB)	22.2°, 81.8, 64.7
Web Safe	996633	`#996633`

CIE-LAB	43.991, 31.812, 43.585
XYZ	18.621, 13.832, 2.918
xyY	0.526, 0.391, 13.832
CIE-LCH	43.991, 53.96, 53.875
CIE-LUV	43.991, 68.228, 35.303
Hunter-Lab	37.192, 24.284, 21.383
Binary	10100101, 01010000, 00011110

#a5501e
```
#a5501e rgb(165,80,30)
```
#1e73a5
```
#1e73a5 rgb(30,115,165)
```

Complementary Color

#a51e30
```
#a51e30 rgb(165,30,48)
```
#a5501e
```
#a5501e rgb(165,80,30)
```
#a5941e
```
#a5941e rgb(165,148,30)
```

Analogous Color

#1e30a5
```
#1e30a5 rgb(30,48,165)
```
#a5501e
```
#a5501e rgb(165,80,30)
```
#1ea594
```
#1ea594 rgb(30,165,148)
```

Split Complementary Color

#501ea5
```
#501ea5 rgb(80,30,165)
```
#a5501e
```
#a5501e rgb(165,80,30)
```
#1ea550
```
#1ea550 rgb(30,165,80)
```

Triadic Color

#a51e73
```
#a51e73 rgb(165,30,115)
```
#a5501e
```
#a5501e rgb(165,80,30)
```
#1ea550
```
#1ea550 rgb(30,165,80)
```
#1e73a5
```
#1e73a5 rgb(30,115,165)
```

Tetradic Color

#643112
```
#643112 rgb(100,49,18)
```
#7a3b16
```
#7a3b16 rgb(122,59,22)
```
#8f461a
```
#8f461a rgb(143,70,26)
```
#a5501e
```
#a5501e rgb(165,80,30)
```
#bb5a22
```
#bb5a22 rgb(187,90,34)
```
#d06526
```
#d06526 rgb(208,101,38)
```
#da7235
```
#da7235 rgb(218,114,53)
```

Monochromatic Color

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

#a52e1e
```
#a52e1e rgb(165,46,30)
```
#a53a1e
```
#a53a1e rgb(165,58,30)
```
#a5451e
```
#a5451e rgb(165,69,30)
```
#a5501e
```
#a5501e rgb(165,80,30)
```
#a55b1e
```
#a55b1e rgb(165,91,30)
```
#a5671e
```
#a5671e rgb(165,103,30)
```
#a5721e
```
#a5721e rgb(165,114,30)
```

Similar Colors

Text with hexadecimal color #a5501e

This text has a font color of #a5501e.

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

#a5501e background color

This paragraph has a background color of #a5501e.

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

#a5501e border color

This element has a border color of #a5501e.

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

CSS codes

.text {color:#a5501e;}

.background {background-color:#a5501e;}

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

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

#100803
```
#100803 rgb(16,8,3)
```
#201006
```
#201006 rgb(32,16,6)
```
#311809
```
#311809 rgb(49,24,9)
```
#41200c
```
#41200c rgb(65,32,12)
```
#52280f
```
#52280f rgb(82,40,15)
```
#633012
```
#633012 rgb(99,48,18)
```
#733815
```
#733815 rgb(115,56,21)
```
#844018
```
#844018 rgb(132,64,24)
```
#94481b
```
#94481b rgb(148,72,27)
```
#a5501e
```
#a5501e rgb(165,80,30)
```
#b65821
```
#b65821 rgb(182,88,33)
```
#c66024
```
#c66024 rgb(198,96,36)
```
#d76827
```
#d76827 rgb(215,104,39)
```

Shade Color Variation

#db7437
```
#db7437 rgb(219,116,55)
```
#de7f47
```
#de7f47 rgb(222,127,71)
```
#e18b58
```
#e18b58 rgb(225,139,88)
```
#e49669
```
#e49669 rgb(228,150,105)
```
#e7a279
```
#e7a279 rgb(231,162,121)
```
#eaad8a
```
#eaad8a rgb(234,173,138)
```
#edb99a
```
#edb99a rgb(237,185,154)
```
#f0c4ab
```
#f0c4ab rgb(240,196,171)
```
#f3d0bc
```
#f3d0bc rgb(243,208,188)
```
#f6dccc
```
#f6dccc rgb(246,220,204)
```
#f9e7dd
```
#f9e7dd rgb(249,231,221)
```
#fcf3ed
```
#fcf3ed rgb(252,243,237)
```
#fffefe
```
#fffefe rgb(255,254,254)
```

Tint Color Variation

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

#69605a
```
#69605a rgb(105,96,90)
```
#715e53
```
#715e53 rgb(113,94,83)
```
#785c4b
```
#785c4b rgb(120,92,75)
```
#805a44
```
#805a44 rgb(128,90,68)
```
#87583c
```
#87583c rgb(135,88,60)
```
#8f5635
```
#8f5635 rgb(143,86,53)
```
#96542d
```
#96542d rgb(150,84,45)
```
#9e5226
```
#9e5226 rgb(158,82,38)
```
#a5501e
```
#a5501e rgb(165,80,30)
```
#ad4e17
```
#ad4e17 rgb(173,78,23)
```
#b44c0f
```
#b44c0f rgb(180,76,15)
```
#bc4a08
```
#bc4a08 rgb(188,74,8)
```
#c34800
```
#c34800 rgb(195,72,0)
```

Tone Color Variation

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

#7c6f2f Protanopia 1% of men
#8b6a22 Deuteranopia 1% of men
#ab5459 Tritanopia 0.001% of the population

Trichromacy

#8a6429 Protanomaly 1% of men, 0.01% of women
#946021 Deuteranomaly 6% of men, 0.4% of women
#a95243 Tritanomaly 0.01% of the population

#a5501e hex color

#a5501e Color Information

#a5501e Color Conversion

Color Schemes with #a5501e

Alternatives to #a5501e

#a5501e Preview

Shades and Tints of #a5501e

Tones of #a5501e

Color Blindness Simulator