#a64f30 hex color

In a RGB color space, hex #a64f30 is composed of 65.1% red, 31% green and 18.8% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 52.4% magenta, 71.1% yellow and 34.9% black. It has a hue angle of 15.8 degrees, a saturation of 55.1% and a lightness of 42%. #a64f30 color hex could be obtained by blending #ff9e60 with #4d0000. Closest websafe color is: #996633.

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

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

The hexadecimal color #a64f30 has RGB values of R:166, G:79, B:48 and CMYK values of C:0, M:0.52, Y:0.71, K:0.35. Its decimal value is 10899248.

Hex triplet	a64f30	`#a64f30`
RGB Decimal	166, 79, 48	`rgb(166,79,48)`
RGB Percent	65.1, 31, 18.8	`rgb(65.1%,31%,18.8%)`
CMYK	0, 52, 71, 35
HSL	15.8°, 55.1, 42	`hsl(15.8,55.1%,42%)`
HSV (or HSB)	15.8°, 71.1, 65.1
Web Safe	996633	`#996633`

CIE-LAB	44.11, 33.548, 34.6
XYZ	19.056, 13.914, 4.478
xyY	0.509, 0.372, 13.914
CIE-LCH	44.11, 48.194, 45.885
CIE-LUV	44.11, 67.765, 29.154
Hunter-Lab	37.302, 25.911, 18.993
Binary	10100110, 01001111, 00110000

#a64f30
```
#a64f30 rgb(166,79,48)
```
#3087a6
```
#3087a6 rgb(48,135,166)
```

Complementary Color

#a6304c
```
#a6304c rgb(166,48,76)
```
#a64f30
```
#a64f30 rgb(166,79,48)
```
#a68a30
```
#a68a30 rgb(166,138,48)
```

Analogous Color

#304ca6
```
#304ca6 rgb(48,76,166)
```
#a64f30
```
#a64f30 rgb(166,79,48)
```
#30a68a
```
#30a68a rgb(48,166,138)
```

Split Complementary Color

#4f30a6
```
#4f30a6 rgb(79,48,166)
```
#a64f30
```
#a64f30 rgb(166,79,48)
```
#30a64f
```
#30a64f rgb(48,166,79)
```

Triadic Color

#a63087
```
#a63087 rgb(166,48,135)
```
#a64f30
```
#a64f30 rgb(166,79,48)
```
#30a64f
```
#30a64f rgb(48,166,79)
```
#3087a6
```
#3087a6 rgb(48,135,166)
```

Tetradic Color

#6b331f
```
#6b331f rgb(107,51,31)
```
#7e3c25
```
#7e3c25 rgb(126,60,37)
```
#92462a
```
#92462a rgb(146,70,42)
```
#a64f30
```
#a64f30 rgb(166,79,48)
```
#ba5836
```
#ba5836 rgb(186,88,54)
```
#c86441
```
#c86441 rgb(200,100,65)
```
#ce7555
```
#ce7555 rgb(206,117,85)
```

Monochromatic Color

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

#a63230
```
#a63230 rgb(166,50,48)
```
#a63b30
```
#a63b30 rgb(166,59,48)
```
#a64530
```
#a64530 rgb(166,69,48)
```
#a64f30
```
#a64f30 rgb(166,79,48)
```
#a65930
```
#a65930 rgb(166,89,48)
```
#a66330
```
#a66330 rgb(166,99,48)
```
#a66d30
```
#a66d30 rgb(166,109,48)
```

Similar Colors

Text with hexadecimal color #a64f30

This text has a font color of #a64f30.

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

#a64f30 background color

This paragraph has a background color of #a64f30.

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

#a64f30 border color

This element has a border color of #a64f30.

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

CSS codes

.text {color:#a64f30;}

.background {background-color:#a64f30;}

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

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

#0e0704
```
#0e0704 rgb(14,7,4)
```
#1d0e08
```
#1d0e08 rgb(29,14,8)
```
#2c150d
```
#2c150d rgb(44,21,13)
```
#3b1c11
```
#3b1c11 rgb(59,28,17)
```
#4b2416
```
#4b2416 rgb(75,36,22)
```
#5a2b1a
```
#5a2b1a rgb(90,43,26)
```
#69321e
```
#69321e rgb(105,50,30)
```
#783923
```
#783923 rgb(120,57,35)
```
#884127
```
#884127 rgb(136,65,39)
```
#97482c
```
#97482c rgb(151,72,44)
```
#a64f30
```
#a64f30 rgb(166,79,48)
```
#b55634
```
#b55634 rgb(181,86,52)
```
#c45d39
```
#c45d39 rgb(196,93,57)
```

Shade Color Variation

#ca6947
```
#ca6947 rgb(202,105,71)
```
#ce7656
```
#ce7656 rgb(206,118,86)
```
#d38265
```
#d38265 rgb(211,130,101)
```
#d78f75
```
#d78f75 rgb(215,143,117)
```
#db9b84
```
#db9b84 rgb(219,155,132)
```
#e0a793
```
#e0a793 rgb(224,167,147)
```
#e4b4a2
```
#e4b4a2 rgb(228,180,162)
```
#e9c0b2
```
#e9c0b2 rgb(233,192,178)
```
#edccc1
```
#edccc1 rgb(237,204,193)
```
#f1d9d0
```
#f1d9d0 rgb(241,217,208)
```
#f6e5df
```
#f6e5df rgb(246,229,223)
```
#faf2ee
```
#faf2ee rgb(250,242,238)
```
#fffefe
```
#fffefe rgb(255,254,254)
```

Tint Color Variation

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

#6c6a6a
```
#6c6a6a rgb(108,106,106)
```
#756661
```
#756661 rgb(117,102,97)
```
#7d6359
```
#7d6359 rgb(125,99,89)
```
#855f51
```
#855f51 rgb(133,95,81)
```
#8d5b49
```
#8d5b49 rgb(141,91,73)
```
#965740
```
#965740 rgb(150,87,64)
```
#9e5338
```
#9e5338 rgb(158,83,56)
```
#a64f30
```
#a64f30 rgb(166,79,48)
```
#ae4b28
```
#ae4b28 rgb(174,75,40)
```
#b64720
```
#b64720 rgb(182,71,32)
```
#bf4317
```
#bf4317 rgb(191,67,23)
```
#c73f0f
```
#c73f0f rgb(199,63,15)
```
#cf3b07
```
#cf3b07 rgb(207,59,7)
```

Tone Color Variation

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

Dichromacy

#7a7042 Protanopia 1% of men
#896b35 Deuteranopia 1% of men
#ac5459 Tritanopia 0.001% of the population

Trichromacy

#8a643b Protanomaly 1% of men, 0.01% of women
#936033 Deuteranomaly 6% of men, 0.4% of women
#aa524a Tritanomaly 0.01% of the population

#a64f30 hex color

#a64f30 Color Information

#a64f30 Color Conversion

Color Schemes with #a64f30

Alternatives to #a64f30

#a64f30 Preview

Shades and Tints of #a64f30

Tones of #a64f30

Color Blindness Simulator