#a4521f hex color

In a RGB color space, hex #a4521f is composed of 64.3% red, 32.2% green and 12.2% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 50% magenta, 81.1% yellow and 35.7% black. It has a hue angle of 23 degrees, a saturation of 68.2% and a lightness of 38.2%. #a4521f color hex could be obtained by blending #ffa43e with #490000. Closest websafe color is: #996633.

♥
- f
- t
- g
- R 64
- G 32
- B 12
RGB color chart
- C 0
- M 50
- Y 81
- K 36
CMYK color chart

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

The hexadecimal color #a4521f has RGB values of R:164, G:82, B:31 and CMYK values of C:0, M:0.5, Y:0.81, K:0.36. Its decimal value is 10768927.

Hex triplet	a4521f	`#a4521f`
RGB Decimal	164, 82, 31	`rgb(164,82,31)`
RGB Percent	64.3, 32.2, 12.2	`rgb(64.3%,32.2%,12.2%)`
CMYK	0, 50, 81, 36
HSL	23°, 68.2, 38.2	`hsl(23,68.2%,38.2%)`
HSV (or HSB)	23°, 81.1, 64.3
Web Safe	996633	`#996633`

CIE-LAB	44.273, 30.362, 43.34
XYZ	18.575, 14.028, 3.026
xyY	0.521, 0.394, 14.028
CIE-LCH	44.273, 52.917, 54.987
CIE-LUV	44.273, 65.76, 35.668
Hunter-Lab	37.454, 22.983, 21.428
Binary	10100100, 01010010, 00011111

#a4521f
```
#a4521f rgb(164,82,31)
```
#1f71a4
```
#1f71a4 rgb(31,113,164)
```

Complementary Color

#a41f2e
```
#a41f2e rgb(164,31,46)
```
#a4521f
```
#a4521f rgb(164,82,31)
```
#a4951f
```
#a4951f rgb(164,149,31)
```

Analogous Color

#1f2ea4
```
#1f2ea4 rgb(31,46,164)
```
#a4521f
```
#a4521f rgb(164,82,31)
```
#1fa495
```
#1fa495 rgb(31,164,149)
```

Split Complementary Color

#521fa4
```
#521fa4 rgb(82,31,164)
```
#a4521f
```
#a4521f rgb(164,82,31)
```
#1fa452
```
#1fa452 rgb(31,164,82)
```

Triadic Color

#a41f71
```
#a41f71 rgb(164,31,113)
```
#a4521f
```
#a4521f rgb(164,82,31)
```
#1fa452
```
#1fa452 rgb(31,164,82)
```
#1f71a4
```
#1f71a4 rgb(31,113,164)
```

Tetradic Color

#643213
```
#643213 rgb(100,50,19)
```
#793d17
```
#793d17 rgb(121,61,23)
```
#8f471b
```
#8f471b rgb(143,71,27)
```
#a4521f
```
#a4521f rgb(164,82,31)
```
#b95d23
```
#b95d23 rgb(185,93,35)
```
#cf6727
```
#cf6727 rgb(207,103,39)
```
#d97536
```
#d97536 rgb(217,117,54)
```

Monochromatic Color

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

#a4311f
```
#a4311f rgb(164,49,31)
```
#a43c1f
```
#a43c1f rgb(164,60,31)
```
#a4471f
```
#a4471f rgb(164,71,31)
```
#a4521f
```
#a4521f rgb(164,82,31)
```
#a45d1f
```
#a45d1f rgb(164,93,31)
```
#a4681f
```
#a4681f rgb(164,104,31)
```
#a4731f
```
#a4731f rgb(164,115,31)
```

Similar Colors

Text with hexadecimal color #a4521f

This text has a font color of #a4521f.

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

#a4521f background color

This paragraph has a background color of #a4521f.

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

#a4521f border color

This element has a border color of #a4521f.

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

CSS codes

.text {color:#a4521f;}

.background {background-color:#a4521f;}

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

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)
```
#41210c
```
#41210c rgb(65,33,12)
```
#52290f
```
#52290f rgb(82,41,15)
```
#623113
```
#623113 rgb(98,49,19)
```
#733916
```
#733916 rgb(115,57,22)
```
#834219
```
#834219 rgb(131,66,25)
```
#944a1c
```
#944a1c rgb(148,74,28)
```
#a4521f
```
#a4521f rgb(164,82,31)
```
#b45a22
```
#b45a22 rgb(180,90,34)
```
#c56225
```
#c56225 rgb(197,98,37)
```
#d56b28
```
#d56b28 rgb(213,107,40)
```

Shade Color Variation

#d97638
```
#d97638 rgb(217,118,56)
```
#dd8149
```
#dd8149 rgb(221,129,73)
```
#e08d59
```
#e08d59 rgb(224,141,89)
```
#e3986a
```
#e3986a rgb(227,152,106)
```
#e6a37a
```
#e6a37a rgb(230,163,122)
```
#e9af8b
```
#e9af8b rgb(233,175,139)
```
#ecba9b
```
#ecba9b rgb(236,186,155)
```
#efc5ac
```
#efc5ac rgb(239,197,172)
```
#f2d1bc
```
#f2d1bc rgb(242,209,188)
```
#f5dccd
```
#f5dccd rgb(245,220,205)
```
#f9e8dd
```
#f9e8dd rgb(249,232,221)
```
#fcf3ee
```
#fcf3ee rgb(252,243,238)
```
#fffefe
```
#fffefe rgb(255,254,254)
```

Tint Color Variation

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

#68605b
```
#68605b rgb(104,96,91)
```
#705e54
```
#705e54 rgb(112,94,84)
```
#775c4c
```
#775c4c rgb(119,92,76)
```
#7f5b45
```
#7f5b45 rgb(127,91,69)
```
#86593d
```
#86593d rgb(134,89,61)
```
#8e5736
```
#8e5736 rgb(142,87,54)
```
#95552e
```
#95552e rgb(149,85,46)
```
#9d5427
```
#9d5427 rgb(157,84,39)
```
#a4521f
```
#a4521f rgb(164,82,31)
```
#ac5018
```
#ac5018 rgb(172,80,24)
```
#b34f10
```
#b34f10 rgb(179,79,16)
```
#bb4d09
```
#bb4d09 rgb(187,77,9)
```
#c24b01
```
#c24b01 rgb(194,75,1)
```

Tone Color Variation

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

Dichromacy

#7c7030 Protanopia 1% of men
#8b6b24 Deuteranopia 1% of men
#ab555b Tritanopia 0.001% of the population

Trichromacy

#8b652a Protanomaly 1% of men, 0.01% of women
#946222 Deuteranomaly 6% of men, 0.4% of women
#a85445 Tritanomaly 0.01% of the population

#a4521f hex color

#a4521f Color Information

#a4521f Color Conversion

Color Schemes with #a4521f

Alternatives to #a4521f

#a4521f Preview

Shades and Tints of #a4521f

Tones of #a4521f

Color Blindness Simulator