#a64d1f hex color

In a RGB color space, hex #a64d1f is composed of 65.1% red, 30.2% green and 12.2% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 53.6% magenta, 81.3% yellow and 34.9% black. It has a hue angle of 20.4 degrees, a saturation of 68.5% and a lightness of 38.6%. #a64d1f color hex could be obtained by blending #ff9a3e with #4d0000. Closest websafe color is: #996633.

♥
- f
- t
- g
- R 65
- G 30
- B 12
RGB color chart
- C 0
- M 54
- Y 81
- K 35
CMYK color chart

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

The hexadecimal color #a64d1f has RGB values of R:166, G:77, B:31 and CMYK values of C:0, M:0.54, Y:0.81, K:0.35. Its decimal value is 10898719.

Hex triplet	a64d1f	`#a64d1f`
RGB Decimal	166, 77, 31	`rgb(166,77,31)`
RGB Percent	65.1, 30.2, 12.2	`rgb(65.1%,30.2%,12.2%)`
CMYK	0, 54, 81, 35
HSL	20.4°, 68.5, 38.6	`hsl(20.4,68.5%,38.6%)`
HSV (or HSB)	20.4°, 81.3, 65.1
Web Safe	996633	`#996633`

CIE-LAB	43.53, 33.838, 42.745
XYZ	18.628, 13.515, 2.924
xyY	0.531, 0.385, 13.515
CIE-LCH	43.53, 54.517, 51.635
CIE-LUV	43.53, 71.266, 34.081
Hunter-Lab	36.763, 26.109, 21.019
Binary	10100110, 01001101, 00011111

#a64d1f
```
#a64d1f rgb(166,77,31)
```
#1f78a6
```
#1f78a6 rgb(31,120,166)
```

Complementary Color

#a61f35
```
#a61f35 rgb(166,31,53)
```
#a64d1f
```
#a64d1f rgb(166,77,31)
```
#a6911f
```
#a6911f rgb(166,145,31)
```

Analogous Color

#1f35a6
```
#1f35a6 rgb(31,53,166)
```
#a64d1f
```
#a64d1f rgb(166,77,31)
```
#1fa691
```
#1fa691 rgb(31,166,145)
```

Split Complementary Color

#4d1fa6
```
#4d1fa6 rgb(77,31,166)
```
#a64d1f
```
#a64d1f rgb(166,77,31)
```
#1fa64d
```
#1fa64d rgb(31,166,77)
```

Triadic Color

#a61f78
```
#a61f78 rgb(166,31,120)
```
#a64d1f
```
#a64d1f rgb(166,77,31)
```
#1fa64d
```
#1fa64d rgb(31,166,77)
```
#1f78a6
```
#1f78a6 rgb(31,120,166)
```

Tetradic Color

#662f13
```
#662f13 rgb(102,47,19)
```
#7b3917
```
#7b3917 rgb(123,57,23)
```
#91431b
```
#91431b rgb(145,67,27)
```
#a64d1f
```
#a64d1f rgb(166,77,31)
```
#bb5723
```
#bb5723 rgb(187,87,35)
```
#d16127
```
#d16127 rgb(209,97,39)
```
#da6f38
```
#da6f38 rgb(218,111,56)
```

Monochromatic Color

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

#a62b1f
```
#a62b1f rgb(166,43,31)
```
#a6371f
```
#a6371f rgb(166,55,31)
```
#a6421f
```
#a6421f rgb(166,66,31)
```
#a64d1f
```
#a64d1f rgb(166,77,31)
```
#a6581f
```
#a6581f rgb(166,88,31)
```
#a6641f
```
#a6641f rgb(166,100,31)
```
#a66f1f
```
#a66f1f rgb(166,111,31)
```

Similar Colors

Text with hexadecimal color #a64d1f

This text has a font color of #a64d1f.

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

#a64d1f background color

This paragraph has a background color of #a64d1f.

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

#a64d1f border color

This element has a border color of #a64d1f.

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

CSS codes

.text {color:#a64d1f;}

.background {background-color:#a64d1f;}

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

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

#010000
```
#010000 rgb(1,0,0)
```
#110803
```
#110803 rgb(17,8,3)
```
#221006
```
#221006 rgb(34,16,6)
```
#321709
```
#321709 rgb(50,23,9)
```
#431f0c
```
#431f0c rgb(67,31,12)
```
#532710
```
#532710 rgb(83,39,16)
```
#642e13
```
#642e13 rgb(100,46,19)
```
#743616
```
#743616 rgb(116,54,22)
```
#853e19
```
#853e19 rgb(133,62,25)
```
#95451c
```
#95451c rgb(149,69,28)
```
#a64d1f
```
#a64d1f rgb(166,77,31)
```
#b75522
```
#b75522 rgb(183,85,34)
```
#c75c25
```
#c75c25 rgb(199,92,37)
```

Shade Color Variation

#d76429
```
#d76429 rgb(215,100,41)
```
#da7039
```
#da7039 rgb(218,112,57)
```
#dd7c4a
```
#dd7c4a rgb(221,124,74)
```
#e0885a
```
#e0885a rgb(224,136,90)
```
#e3946b
```
#e3946b rgb(227,148,107)
```
#e6a07b
```
#e6a07b rgb(230,160,123)
```
#eaac8c
```
#eaac8c rgb(234,172,140)
```
#edb89d
```
#edb89d rgb(237,184,157)
```
#f0c4ad
```
#f0c4ad rgb(240,196,173)
```
#f3d0be
```
#f3d0be rgb(243,208,190)
```
#f6dcce
```
#f6dcce rgb(246,220,206)
```
#f9e8df
```
#f9e8df rgb(249,232,223)
```
#fcf4ef
```
#fcf4ef rgb(252,244,239)
```

Tint Color Variation

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

#69605c
```
#69605c rgb(105,96,92)
```
#715e54
```
#715e54 rgb(113,94,84)
```
#795b4c
```
#795b4c rgb(121,91,76)
```
#805945
```
#805945 rgb(128,89,69)
```
#88573d
```
#88573d rgb(136,87,61)
```
#8f5436
```
#8f5436 rgb(143,84,54)
```
#97522e
```
#97522e rgb(151,82,46)
```
#9e4f27
```
#9e4f27 rgb(158,79,39)
```
#a64d1f
```
#a64d1f rgb(166,77,31)
```
#ae4b17
```
#ae4b17 rgb(174,75,23)
```
#b54810
```
#b54810 rgb(181,72,16)
```
#bd4608
```
#bd4608 rgb(189,70,8)
```
#c44301
```
#c44301 rgb(196,67,1)
```

Tone Color Variation

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

#626262 Achromatopsia 0.005% of the population
#705e55 Atypical Achromatopsia 0.001% of the population

Dichromacy

#7a6e31 Protanopia 1% of men
#896923 Deuteranopia 1% of men
#ac5156 Tritanopia 0.001% of the population

Trichromacy

#8a622a Protanomaly 1% of men, 0.01% of women
#935f21 Deuteranomaly 6% of men, 0.4% of women
#aa4f42 Tritanomaly 0.01% of the population

#a64d1f hex color

#a64d1f Color Information

#a64d1f Color Conversion

Color Schemes with #a64d1f

Alternatives to #a64d1f

#a64d1f Preview

Shades and Tints of #a64d1f

Tones of #a64d1f

Color Blindness Simulator