#a8551f hex color

In a RGB color space, hex #a8551f is composed of 65.9% red, 33.3% green and 12.2% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 49.4% magenta, 81.5% yellow and 34.1% black. It has a hue angle of 23.6 degrees, a saturation of 68.8% and a lightness of 39%. #a8551f color hex could be obtained by blending #ffaa3e with #510000. Closest websafe color is: #996633.

♥
- f
- t
- g
- R 66
- G 33
- B 12
RGB color chart
- C 0
- M 49
- Y 82
- K 34
CMYK color chart

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

The hexadecimal color #a8551f has RGB values of R:168, G:85, B:31 and CMYK values of C:0, M:0.49, Y:0.82, K:0.34. Its decimal value is 11031839.

Hex triplet	a8551f	`#a8551f`
RGB Decimal	168, 85, 31	`rgb(168,85,31)`
RGB Percent	65.9, 33.3, 12.2	`rgb(65.9%,33.3%,12.2%)`
CMYK	0, 49, 82, 34
HSL	23.6°, 68.8, 39	`hsl(23.6,68.8%,39%)`
HSV (or HSB)	23.6°, 81.5, 65.9
Web Safe	996633	`#996633`

CIE-LAB	45.528, 30.418, 44.737
XYZ	19.645, 14.923, 3.142
xyY	0.521, 0.396, 14.923
CIE-LCH	45.528, 54.099, 55.787
CIE-LUV	45.528, 66.8, 37.107
Hunter-Lab	38.63, 23.173, 22.218
Binary	10101000, 01010101, 00011111

#a8551f
```
#a8551f rgb(168,85,31)
```
#1f72a8
```
#1f72a8 rgb(31,114,168)
```

Complementary Color

#a81f2d
```
#a81f2d rgb(168,31,45)
```
#a8551f
```
#a8551f rgb(168,85,31)
```
#a89a1f
```
#a89a1f rgb(168,154,31)
```

Analogous Color

#1f2da8
```
#1f2da8 rgb(31,45,168)
```
#a8551f
```
#a8551f rgb(168,85,31)
```
#1fa89a
```
#1fa89a rgb(31,168,154)
```

Split Complementary Color

#551fa8
```
#551fa8 rgb(85,31,168)
```
#a8551f
```
#a8551f rgb(168,85,31)
```
#1fa855
```
#1fa855 rgb(31,168,85)
```

Triadic Color

#a81f72
```
#a81f72 rgb(168,31,114)
```
#a8551f
```
#a8551f rgb(168,85,31)
```
#1fa855
```
#1fa855 rgb(31,168,85)
```
#1f72a8
```
#1f72a8 rgb(31,114,168)
```

Tetradic Color

#673413
```
#673413 rgb(103,52,19)
```
#7d3f17
```
#7d3f17 rgb(125,63,23)
```
#924a1b
```
#924a1b rgb(146,74,27)
```
#a8551f
```
#a8551f rgb(168,85,31)
```
#be6023
```
#be6023 rgb(190,96,35)
```
#d36b27
```
#d36b27 rgb(211,107,39)
```
#da7939
```
#da7939 rgb(218,121,57)
```

Monochromatic Color

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

#a8331f
```
#a8331f rgb(168,51,31)
```
#a83e1f
```
#a83e1f rgb(168,62,31)
```
#a84a1f
```
#a84a1f rgb(168,74,31)
```
#a8551f
```
#a8551f rgb(168,85,31)
```
#a8601f
```
#a8601f rgb(168,96,31)
```
#a86c1f
```
#a86c1f rgb(168,108,31)
```
#a8771f
```
#a8771f rgb(168,119,31)
```

Similar Colors

Text with hexadecimal color #a8551f

This text has a font color of #a8551f.

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

#a8551f background color

This paragraph has a background color of #a8551f.

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

#a8551f border color

This element has a border color of #a8551f.

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

CSS codes

.text {color:#a8551f;}

.background {background-color:#a8551f;}

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

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

#020100
```
#020100 rgb(2,1,0)
```
#130a03
```
#130a03 rgb(19,10,3)
```
#241207
```
#241207 rgb(36,18,7)
```
#341a0a
```
#341a0a rgb(52,26,10)
```
#45230d
```
#45230d rgb(69,35,13)
```
#552b10
```
#552b10 rgb(85,43,16)
```
#663313
```
#663313 rgb(102,51,19)
```
#763c16
```
#763c16 rgb(118,60,22)
```
#874419
```
#874419 rgb(135,68,25)
```
#974d1c
```
#974d1c rgb(151,77,28)
```
#a8551f
```
#a8551f rgb(168,85,31)
```
#b95d22
```
#b95d22 rgb(185,93,34)
```
#c96625
```
#c96625 rgb(201,102,37)
```

Shade Color Variation

#d86f2a
```
#d86f2a rgb(216,111,42)
```
#db7a3b
```
#db7a3b rgb(219,122,59)
```
#de854b
```
#de854b rgb(222,133,75)
```
#e1905c
```
#e1905c rgb(225,144,92)
```
#e49b6c
```
#e49b6c rgb(228,155,108)
```
#e7a77d
```
#e7a77d rgb(231,167,125)
```
#eab28d
```
#eab28d rgb(234,178,141)
```
#edbd9e
```
#edbd9e rgb(237,189,158)
```
#f0c8af
```
#f0c8af rgb(240,200,175)
```
#f3d4bf
```
#f3d4bf rgb(243,212,191)
```
#f6dfd0
```
#f6dfd0 rgb(246,223,208)
```
#f9eae0
```
#f9eae0 rgb(249,234,224)
```
#fcf5f1
```
#fcf5f1 rgb(252,245,241)
```

Tint Color Variation

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

#6b625c
```
#6b625c rgb(107,98,92)
```
#726055
```
#726055 rgb(114,96,85)
```
#7a5f4d
```
#7a5f4d rgb(122,95,77)
```
#825d45
```
#825d45 rgb(130,93,69)
```
#895b3e
```
#895b3e rgb(137,91,62)
```
#915a36
```
#915a36 rgb(145,90,54)
```
#99582e
```
#99582e rgb(153,88,46)
```
#a05727
```
#a05727 rgb(160,87,39)
```
#a8551f
```
#a8551f rgb(168,85,31)
```
#b05317
```
#b05317 rgb(176,83,23)
```
#b75210
```
#b75210 rgb(183,82,16)
```
#bf5008
```
#bf5008 rgb(191,80,8)
```
#c74f00
```
#c74f00 rgb(199,79,0)
```

Tone Color Variation

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

#686868 Achromatopsia 0.005% of the population
#756459 Atypical Achromatopsia 0.001% of the population

Dichromacy

#807330 Protanopia 1% of men
#8f6d24 Deuteranopia 1% of men
#af585e Tritanopia 0.001% of the population

Trichromacy

#8e682a Protanomaly 1% of men, 0.01% of women
#986422 Deuteranomaly 6% of men, 0.4% of women
#ac5747 Tritanomaly 0.01% of the population

#a8551f hex color

#a8551f Color Information

#a8551f Color Conversion

Color Schemes with #a8551f

Alternatives to #a8551f

#a8551f Preview

Shades and Tints of #a8551f

Tones of #a8551f

Color Blindness Simulator