#a4661f hex color

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

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

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

The hexadecimal color #a4661f has RGB values of R:164, G:102, B:31 and CMYK values of C:0, M:0.38, Y:0.81, K:0.36. Its decimal value is 10774047.

Hex triplet	a4661f	`#a4661f`
RGB Decimal	164, 102, 31	`rgb(164,102,31)`
RGB Percent	64.3, 40, 12.2	`rgb(64.3%,40%,12.2%)`
CMYK	0, 38, 81, 36
HSL	32°, 68.2, 38.2	`hsl(32,68.2%,38.2%)`
HSV (or HSB)	32°, 81.1, 64.3
Web Safe	996633	`#996633`

CIE-LAB	48.879, 19.27, 47.646
XYZ	20.309, 17.496, 3.604
xyY	0.49, 0.423, 17.496
CIE-LCH	48.879, 51.396, 67.98
CIE-LUV	48.879, 50.13, 43.245
Hunter-Lab	41.828, 13.47, 24.171
Binary	10100100, 01100110, 00011111

#a4661f
```
#a4661f rgb(164,102,31)
```
#1f5da4
```
#1f5da4 rgb(31,93,164)
```

Complementary Color

#a4241f
```
#a4241f rgb(164,36,31)
```
#a4661f
```
#a4661f rgb(164,102,31)
```
#a0a41f
```
#a0a41f rgb(160,164,31)
```

Analogous Color

#241fa4
```
#241fa4 rgb(36,31,164)
```
#a4661f
```
#a4661f rgb(164,102,31)
```
#1fa0a4
```
#1fa0a4 rgb(31,160,164)
```

Split Complementary Color

#661fa4
```
#661fa4 rgb(102,31,164)
```
#a4661f
```
#a4661f rgb(164,102,31)
```
#1fa466
```
#1fa466 rgb(31,164,102)
```

Triadic Color

#a41f5d
```
#a41f5d rgb(164,31,93)
```
#a4661f
```
#a4661f rgb(164,102,31)
```
#1fa466
```
#1fa466 rgb(31,164,102)
```
#1f5da4
```
#1f5da4 rgb(31,93,164)
```

Tetradic Color

#643e13
```
#643e13 rgb(100,62,19)
```
#794b17
```
#794b17 rgb(121,75,23)
```
#8f591b
```
#8f591b rgb(143,89,27)
```
#a4661f
```
#a4661f rgb(164,102,31)
```
#b97323
```
#b97323 rgb(185,115,35)
```
#cf8127
```
#cf8127 rgb(207,129,39)
```
#d98d36
```
#d98d36 rgb(217,141,54)
```

Monochromatic Color

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

#a4451f
```
#a4451f rgb(164,69,31)
```
#a4501f
```
#a4501f rgb(164,80,31)
```
#a45b1f
```
#a45b1f rgb(164,91,31)
```
#a4661f
```
#a4661f rgb(164,102,31)
```
#a4711f
```
#a4711f rgb(164,113,31)
```
#a47c1f
```
#a47c1f rgb(164,124,31)
```
#a4871f
```
#a4871f rgb(164,135,31)
```

Similar Colors

Text with hexadecimal color #a4661f

This text has a font color of #a4661f.

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

#a4661f background color

This paragraph has a background color of #a4661f.

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

#a4661f border color

This element has a border color of #a4661f.

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

CSS codes

.text {color:#a4661f;}

.background {background-color:#a4661f;}

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

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

#100a03
```
#100a03 rgb(16,10,3)
```
#201406
```
#201406 rgb(32,20,6)
```
#311e09
```
#311e09 rgb(49,30,9)
```
#41280c
```
#41280c rgb(65,40,12)
```
#52330f
```
#52330f rgb(82,51,15)
```
#623d13
```
#623d13 rgb(98,61,19)
```
#734716
```
#734716 rgb(115,71,22)
```
#835119
```
#835119 rgb(131,81,25)
```
#945c1c
```
#945c1c rgb(148,92,28)
```
#a4661f
```
#a4661f rgb(164,102,31)
```
#b47022
```
#b47022 rgb(180,112,34)
```
#c57b25
```
#c57b25 rgb(197,123,37)
```
#d58528
```
#d58528 rgb(213,133,40)
```

Shade Color Variation

#d98e38
```
#d98e38 rgb(217,142,56)
```
#dd9849
```
#dd9849 rgb(221,152,73)
```
#e0a159
```
#e0a159 rgb(224,161,89)
```
#e3aa6a
```
#e3aa6a rgb(227,170,106)
```
#e6b47a
```
#e6b47a rgb(230,180,122)
```
#e9bd8b
```
#e9bd8b rgb(233,189,139)
```
#ecc69b
```
#ecc69b rgb(236,198,155)
```
#efd0ac
```
#efd0ac rgb(239,208,172)
```
#f2d9bc
```
#f2d9bc rgb(242,217,188)
```
#f5e2cd
```
#f5e2cd rgb(245,226,205)
```
#f9ecdd
```
#f9ecdd rgb(249,236,221)
```
#fcf5ee
```
#fcf5ee rgb(252,245,238)
```
#fffefe
```
#fffefe rgb(255,254,254)
```

Tint Color Variation

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

#68625b
```
#68625b rgb(104,98,91)
```
#706254
```
#706254 rgb(112,98,84)
```
#77634c
```
#77634c rgb(119,99,76)
```
#7f6345
```
#7f6345 rgb(127,99,69)
```
#86643d
```
#86643d rgb(134,100,61)
```
#8e6436
```
#8e6436 rgb(142,100,54)
```
#95652e
```
#95652e rgb(149,101,46)
```
#9d6527
```
#9d6527 rgb(157,101,39)
```
#a4661f
```
#a4661f rgb(164,102,31)
```
#ac6718
```
#ac6718 rgb(172,103,24)
```
#b36710
```
#b36710 rgb(179,103,16)
```
#bb6809
```
#bb6809 rgb(187,104,9)
```
#c26801
```
#c26801 rgb(194,104,1)
```

Tone Color Variation

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

#707070 Achromatopsia 0.005% of the population
#7a6e60 Atypical Achromatopsia 0.001% of the population

Dichromacy

#897b2e Protanopia 1% of men
#997527 Deuteranopia 1% of men
#ac676e Tritanopia 0.001% of the population

Trichromacy

#937328 Protanomaly 1% of men, 0.01% of women
#9d6f24 Deuteranomaly 6% of men, 0.4% of women
#a96651 Tritanomaly 0.01% of the population

#a4661f hex color

#a4661f Color Information

#a4661f Color Conversion

Color Schemes with #a4661f

Alternatives to #a4661f

#a4661f Preview

Shades and Tints of #a4661f

Tones of #a4661f

Color Blindness Simulator