#a45f31 hex color

In a RGB color space, hex #a45f31 is composed of 64.3% red, 37.3% green and 19.2% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 42.1% magenta, 70.1% yellow and 35.7% black. It has a hue angle of 24 degrees, a saturation of 54% and a lightness of 41.8%. #a45f31 color hex could be obtained by blending #ffbe62 with #490000. Closest websafe color is: #996633.

♥
- f
- t
- g
- R 64
- G 37
- B 19
RGB color chart
- C 0
- M 42
- Y 70
- K 36
CMYK color chart

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

The hexadecimal color #a45f31 has RGB values of R:164, G:95, B:49 and CMYK values of C:0, M:0.42, Y:0.7, K:0.36. Its decimal value is 10772273.

Hex triplet	a45f31	`#a45f31`
RGB Decimal	164, 95, 49	`rgb(164,95,49)`
RGB Percent	64.3, 37.3, 19.2	`rgb(64.3%,37.3%,19.2%)`
CMYK	0, 42, 70, 36
HSL	24°, 54, 41.8	`hsl(24,54%,41.8%)`
HSV (or HSB)	24°, 70.1, 64.3
Web Safe	996633	`#996633`

CIE-LAB	47.366, 24.053, 37.628
XYZ	19.957, 16.3, 5.001
xyY	0.484, 0.395, 16.3
CIE-LCH	47.366, 44.659, 57.412
CIE-LUV	47.366, 54.068, 34.856
Hunter-Lab	40.374, 17.58, 20.918
Binary	10100100, 01011111, 00110001

#a45f31
```
#a45f31 rgb(164,95,49)
```
#3176a4
```
#3176a4 rgb(49,118,164)
```

Complementary Color

#a4313d
```
#a4313d rgb(164,49,61)
```
#a45f31
```
#a45f31 rgb(164,95,49)
```
#a49931
```
#a49931 rgb(164,153,49)
```

Analogous Color

#313da4
```
#313da4 rgb(49,61,164)
```
#a45f31
```
#a45f31 rgb(164,95,49)
```
#31a499
```
#31a499 rgb(49,164,153)
```

Split Complementary Color

#5f31a4
```
#5f31a4 rgb(95,49,164)
```
#a45f31
```
#a45f31 rgb(164,95,49)
```
#31a45f
```
#31a45f rgb(49,164,95)
```

Triadic Color

#a43176
```
#a43176 rgb(164,49,118)
```
#a45f31
```
#a45f31 rgb(164,95,49)
```
#31a45f
```
#31a45f rgb(49,164,95)
```
#3176a4
```
#3176a4 rgb(49,118,164)
```

Tetradic Color

#693d1f
```
#693d1f rgb(105,61,31)
```
#7d4825
```
#7d4825 rgb(125,72,37)
```
#90542b
```
#90542b rgb(144,84,43)
```
#a45f31
```
#a45f31 rgb(164,95,49)
```
#b86a37
```
#b86a37 rgb(184,106,55)
```
#c67742
```
#c67742 rgb(198,119,66)
```
#cc8555
```
#cc8555 rgb(204,133,85)
```

Monochromatic Color

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

#a44231
```
#a44231 rgb(164,66,49)
```
#a44c31
```
#a44c31 rgb(164,76,49)
```
#a45531
```
#a45531 rgb(164,85,49)
```
#a45f31
```
#a45f31 rgb(164,95,49)
```
#a46931
```
#a46931 rgb(164,105,49)
```
#a47231
```
#a47231 rgb(164,114,49)
```
#a47c31
```
#a47c31 rgb(164,124,49)
```

Similar Colors

Text with hexadecimal color #a45f31

This text has a font color of #a45f31.

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

#a45f31 background color

This paragraph has a background color of #a45f31.

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

#a45f31 border color

This element has a border color of #a45f31.

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

CSS codes

.text {color:#a45f31;}

.background {background-color:#a45f31;}

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

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, #0d0804 is the darkest color, while #fefdfd is the lightest one.

#0d0804
```
#0d0804 rgb(13,8,4)
```
#1c1008
```
#1c1008 rgb(28,16,8)
```
#2b190d
```
#2b190d rgb(43,25,13)
```
#3a2211
```
#3a2211 rgb(58,34,17)
```
#492b16
```
#492b16 rgb(73,43,22)
```
#58331a
```
#58331a rgb(88,51,26)
```
#683c1f
```
#683c1f rgb(104,60,31)
```
#774523
```
#774523 rgb(119,69,35)
```
#864e28
```
#864e28 rgb(134,78,40)
```
#95562c
```
#95562c rgb(149,86,44)
```
#a45f31
```
#a45f31 rgb(164,95,49)
```
#b36836
```
#b36836 rgb(179,104,54)
```
#c2703a
```
#c2703a rgb(194,112,58)
```

Shade Color Variation

#c87b48
```
#c87b48 rgb(200,123,72)
```
#cd8657
```
#cd8657 rgb(205,134,87)
```
#d19166
```
#d19166 rgb(209,145,102)
```
#d69c75
```
#d69c75 rgb(214,156,117)
```
#daa784
```
#daa784 rgb(218,167,132)
```
#dfb193
```
#dfb193 rgb(223,177,147)
```
#e3bca2
```
#e3bca2 rgb(227,188,162)
```
#e8c7b1
```
#e8c7b1 rgb(232,199,177)
```
#ecd2c0
```
#ecd2c0 rgb(236,210,192)
```
#f1ddd0
```
#f1ddd0 rgb(241,221,208)
```
#f5e8df
```
#f5e8df rgb(245,232,223)
```
#faf3ee
```
#faf3ee rgb(250,243,238)
```
#fefdfd
```
#fefdfd rgb(254,253,253)
```

Tint Color Variation

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

#6b6a6a
```
#6b6a6a rgb(107,106,106)
```
#736962
```
#736962 rgb(115,105,98)
```
#7b675a
```
#7b675a rgb(123,103,90)
```
#836652
```
#836652 rgb(131,102,82)
```
#8b644a
```
#8b644a rgb(139,100,74)
```
#946241
```
#946241 rgb(148,98,65)
```
#9c6139
```
#9c6139 rgb(156,97,57)
```
#a45f31
```
#a45f31 rgb(164,95,49)
```
#ac5d29
```
#ac5d29 rgb(172,93,41)
```
#b45c21
```
#b45c21 rgb(180,92,33)
```
#bd5a18
```
#bd5a18 rgb(189,90,24)
```
#c55810
```
#c55810 rgb(197,88,16)
```
#cd5708
```
#cd5708 rgb(205,87,8)
```

Tone Color Variation

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

#6e6e6e Achromatopsia 0.005% of the population
#796b62 Atypical Achromatopsia 0.001% of the population

Dichromacy

#837740 Protanopia 1% of men
#937238 Deuteranopia 1% of men
#ab6268 Tritanopia 0.001% of the population

Trichromacy

#8f6e3b Protanomaly 1% of men, 0.01% of women
#996b35 Deuteranomaly 6% of men, 0.4% of women
#a86054 Tritanomaly 0.01% of the population

#a45f31 hex color

#a45f31 Color Information

#a45f31 Color Conversion

Color Schemes with #a45f31

Alternatives to #a45f31

#a45f31 Preview

Shades and Tints of #a45f31

Tones of #a45f31

Color Blindness Simulator