#a45a1f hex color

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

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

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

The hexadecimal color #a45a1f has RGB values of R:164, G:90, B:31 and CMYK values of C:0, M:0.45, Y:0.81, K:0.36. Its decimal value is 10770975.

Hex triplet	a45a1f	`#a45a1f`
RGB Decimal	164, 90, 31	`rgb(164,90,31)`
RGB Percent	64.3, 35.3, 12.2	`rgb(64.3%,35.3%,12.2%)`
CMYK	0, 45, 81, 36
HSL	26.6°, 68.2, 38.2	`hsl(26.6,68.2%,38.2%)`
HSV (or HSB)	26.6°, 81.1, 64.3
Web Safe	996633	`#996633`

CIE-LAB	46.05, 25.991, 45.015
XYZ	19.214, 15.305, 3.239
xyY	0.509, 0.405, 15.305
CIE-LCH	46.05, 51.979, 59.998
CIE-LUV	46.05, 59.543, 38.623
Hunter-Lab	39.122, 19.203, 22.477
Binary	10100100, 01011010, 00011111

#a45a1f
```
#a45a1f rgb(164,90,31)
```
#1f69a4
```
#1f69a4 rgb(31,105,164)
```

Complementary Color

#a41f26
```
#a41f26 rgb(164,31,38)
```
#a45a1f
```
#a45a1f rgb(164,90,31)
```
#a49d1f
```
#a49d1f rgb(164,157,31)
```

Analogous Color

#1f26a4
```
#1f26a4 rgb(31,38,164)
```
#a45a1f
```
#a45a1f rgb(164,90,31)
```
#1fa49d
```
#1fa49d rgb(31,164,157)
```

Split Complementary Color

#5a1fa4
```
#5a1fa4 rgb(90,31,164)
```
#a45a1f
```
#a45a1f rgb(164,90,31)
```
#1fa45a
```
#1fa45a rgb(31,164,90)
```

Triadic Color

#a41f69
```
#a41f69 rgb(164,31,105)
```
#a45a1f
```
#a45a1f rgb(164,90,31)
```
#1fa45a
```
#1fa45a rgb(31,164,90)
```
#1f69a4
```
#1f69a4 rgb(31,105,164)
```

Tetradic Color

#643713
```
#643713 rgb(100,55,19)
```
#794217
```
#794217 rgb(121,66,23)
```
#8f4e1b
```
#8f4e1b rgb(143,78,27)
```
#a45a1f
```
#a45a1f rgb(164,90,31)
```
#b96623
```
#b96623 rgb(185,102,35)
```
#cf7227
```
#cf7227 rgb(207,114,39)
```
#d97f36
```
#d97f36 rgb(217,127,54)
```

Monochromatic Color

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

#a4391f
```
#a4391f rgb(164,57,31)
```
#a4441f
```
#a4441f rgb(164,68,31)
```
#a44f1f
```
#a44f1f rgb(164,79,31)
```
#a45a1f
```
#a45a1f rgb(164,90,31)
```
#a4651f
```
#a4651f rgb(164,101,31)
```
#a4701f
```
#a4701f rgb(164,112,31)
```
#a47b1f
```
#a47b1f rgb(164,123,31)
```

Similar Colors

Text with hexadecimal color #a45a1f

This text has a font color of #a45a1f.

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

#a45a1f background color

This paragraph has a background color of #a45a1f.

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

#a45a1f border color

This element has a border color of #a45a1f.

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

CSS codes

.text {color:#a45a1f;}

.background {background-color:#a45a1f;}

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

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

#100903
```
#100903 rgb(16,9,3)
```
#201206
```
#201206 rgb(32,18,6)
```
#311b09
```
#311b09 rgb(49,27,9)
```
#41240c
```
#41240c rgb(65,36,12)
```
#522d0f
```
#522d0f rgb(82,45,15)
```
#623613
```
#623613 rgb(98,54,19)
```
#733f16
```
#733f16 rgb(115,63,22)
```
#834819
```
#834819 rgb(131,72,25)
```
#94511c
```
#94511c rgb(148,81,28)
```
#a45a1f
```
#a45a1f rgb(164,90,31)
```
#b46322
```
#b46322 rgb(180,99,34)
```
#c56c25
```
#c56c25 rgb(197,108,37)
```
#d57528
```
#d57528 rgb(213,117,40)
```

Shade Color Variation

#d98038
```
#d98038 rgb(217,128,56)
```
#dd8a49
```
#dd8a49 rgb(221,138,73)
```
#e09559
```
#e09559 rgb(224,149,89)
```
#e39f6a
```
#e39f6a rgb(227,159,106)
```
#e6aa7a
```
#e6aa7a rgb(230,170,122)
```
#e9b48b
```
#e9b48b rgb(233,180,139)
```
#ecbf9b
```
#ecbf9b rgb(236,191,155)
```
#efcaac
```
#efcaac rgb(239,202,172)
```
#f2d4bc
```
#f2d4bc rgb(242,212,188)
```
#f5dfcd
```
#f5dfcd rgb(245,223,205)
```
#f9e9dd
```
#f9e9dd rgb(249,233,221)
```
#fcf4ee
```
#fcf4ee rgb(252,244,238)
```
#fffefe
```
#fffefe rgb(255,254,254)
```

Tint Color Variation

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

#68615b
```
#68615b rgb(104,97,91)
```
#706054
```
#706054 rgb(112,96,84)
```
#775f4c
```
#775f4c rgb(119,95,76)
```
#7f5e45
```
#7f5e45 rgb(127,94,69)
```
#865d3d
```
#865d3d rgb(134,93,61)
```
#8e5d36
```
#8e5d36 rgb(142,93,54)
```
#955c2e
```
#955c2e rgb(149,92,46)
```
#9d5b27
```
#9d5b27 rgb(157,91,39)
```
#a45a1f
```
#a45a1f rgb(164,90,31)
```
#ac5918
```
#ac5918 rgb(172,89,24)
```
#b35810
```
#b35810 rgb(179,88,16)
```
#bb5709
```
#bb5709 rgb(187,87,9)
```
#c25701
```
#c25701 rgb(194,87,1)
```

Tone Color Variation

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

#696969 Achromatopsia 0.005% of the population
#75665a Atypical Achromatopsia 0.001% of the population

Dichromacy

#81742f Protanopia 1% of men
#906f25 Deuteranopia 1% of men
#ab5c62 Tritanopia 0.001% of the population

Trichromacy

#8e6b29 Protanomaly 1% of men, 0.01% of women
#976723 Deuteranomaly 6% of men, 0.4% of women
#a85b4a Tritanomaly 0.01% of the population

#a45a1f hex color

#a45a1f Color Information

#a45a1f Color Conversion

Color Schemes with #a45a1f

Alternatives to #a45a1f

#a45a1f Preview

Shades and Tints of #a45a1f

Tones of #a45a1f

Color Blindness Simulator