#a54b1f hex color

In a RGB color space, hex #a54b1f is composed of 64.7% red, 29.4% green and 12.2% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 54.5% magenta, 81.2% yellow and 35.3% black. It has a hue angle of 19.7 degrees, a saturation of 68.4% and a lightness of 38.4%. #a54b1f color hex could be obtained by blending #ff963e with #4b0000. Closest websafe color is: #993333.

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

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

The hexadecimal color #a54b1f has RGB values of R:165, G:75, B:31 and CMYK values of C:0, M:0.55, Y:0.81, K:0.35. Its decimal value is 10832671.

Hex triplet	a54b1f	`#a54b1f`
RGB Decimal	165, 75, 31	`rgb(165,75,31)`
RGB Percent	64.7, 29.4, 12.2	`rgb(64.7%,29.4%,12.2%)`
CMYK	0, 55, 81, 35
HSL	19.7°, 68.4, 38.4	`hsl(19.7,68.4%,38.4%)`
HSV (or HSB)	19.7°, 81.2, 64.7
Web Safe	993333	`#993333`

CIE-LAB	42.962, 34.474, 42.149
XYZ	18.281, 13.132, 2.868
xyY	0.533, 0.383, 13.132
CIE-LCH	42.962, 54.451, 50.72
CIE-LUV	42.962, 71.935, 33.29
Hunter-Lab	36.238, 26.631, 20.674
Binary	10100101, 01001011, 00011111

#a54b1f
```
#a54b1f rgb(165,75,31)
```
#1f79a5
```
#1f79a5 rgb(31,121,165)
```

Complementary Color

#a51f36
```
#a51f36 rgb(165,31,54)
```
#a54b1f
```
#a54b1f rgb(165,75,31)
```
#a58e1f
```
#a58e1f rgb(165,142,31)
```

Analogous Color

#1f36a5
```
#1f36a5 rgb(31,54,165)
```
#a54b1f
```
#a54b1f rgb(165,75,31)
```
#1fa58e
```
#1fa58e rgb(31,165,142)
```

Split Complementary Color

#4b1fa5
```
#4b1fa5 rgb(75,31,165)
```
#a54b1f
```
#a54b1f rgb(165,75,31)
```
#1fa54b
```
#1fa54b rgb(31,165,75)
```

Triadic Color

#a51f79
```
#a51f79 rgb(165,31,121)
```
#a54b1f
```
#a54b1f rgb(165,75,31)
```
#1fa54b
```
#1fa54b rgb(31,165,75)
```
#1f79a5
```
#1f79a5 rgb(31,121,165)
```

Tetradic Color

#652e13
```
#652e13 rgb(101,46,19)
```
#7a3717
```
#7a3717 rgb(122,55,23)
```
#90411b
```
#90411b rgb(144,65,27)
```
#a54b1f
```
#a54b1f rgb(165,75,31)
```
#ba5523
```
#ba5523 rgb(186,85,35)
```
#d05f27
```
#d05f27 rgb(208,95,39)
```
#d96c37
```
#d96c37 rgb(217,108,55)
```

Monochromatic Color

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

#a52a1f
```
#a52a1f rgb(165,42,31)
```
#a5351f
```
#a5351f rgb(165,53,31)
```
#a5401f
```
#a5401f rgb(165,64,31)
```
#a54b1f
```
#a54b1f rgb(165,75,31)
```
#a5561f
```
#a5561f rgb(165,86,31)
```
#a5611f
```
#a5611f rgb(165,97,31)
```
#a56d1f
```
#a56d1f rgb(165,109,31)
```

Similar Colors

Text with hexadecimal color #a54b1f

This text has a font color of #a54b1f.

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

#a54b1f background color

This paragraph has a background color of #a54b1f.

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

#a54b1f border color

This element has a border color of #a54b1f.

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

CSS codes

.text {color:#a54b1f;}

.background {background-color:#a54b1f;}

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

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

#100703
```
#100703 rgb(16,7,3)
```
#210f06
```
#210f06 rgb(33,15,6)
```
#311609
```
#311609 rgb(49,22,9)
```
#421e0c
```
#421e0c rgb(66,30,12)
```
#52250f
```
#52250f rgb(82,37,15)
```
#632d13
```
#632d13 rgb(99,45,19)
```
#733416
```
#733416 rgb(115,52,22)
```
#843c19
```
#843c19 rgb(132,60,25)
```
#94431c
```
#94431c rgb(148,67,28)
```
#a54b1f
```
#a54b1f rgb(165,75,31)
```
#b65322
```
#b65322 rgb(182,83,34)
```
#c65a25
```
#c65a25 rgb(198,90,37)
```
#d76228
```
#d76228 rgb(215,98,40)
```

Shade Color Variation

#da6e39
```
#da6e39 rgb(218,110,57)
```
#dd7a49
```
#dd7a49 rgb(221,122,73)
```
#e0865a
```
#e0865a rgb(224,134,90)
```
#e3926a
```
#e3926a rgb(227,146,106)
```
#e69e7b
```
#e69e7b rgb(230,158,123)
```
#e9aa8b
```
#e9aa8b rgb(233,170,139)
```
#ecb69c
```
#ecb69c rgb(236,182,156)
```
#efc2ac
```
#efc2ac rgb(239,194,172)
```
#f3cebd
```
#f3cebd rgb(243,206,189)
```
#f6dbcd
```
#f6dbcd rgb(246,219,205)
```
#f9e7de
```
#f9e7de rgb(249,231,222)
```
#fcf3ee
```
#fcf3ee rgb(252,243,238)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Tint Color Variation

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

#69605b
```
#69605b rgb(105,96,91)
```
#705d54
```
#705d54 rgb(112,93,84)
```
#785b4c
```
#785b4c rgb(120,91,76)
```
#7f5845
```
#7f5845 rgb(127,88,69)
```
#87553d
```
#87553d rgb(135,85,61)
```
#8e5336
```
#8e5336 rgb(142,83,54)
```
#96502e
```
#96502e rgb(150,80,46)
```
#9d4e27
```
#9d4e27 rgb(157,78,39)
```
#a54b1f
```
#a54b1f rgb(165,75,31)
```
#ad4817
```
#ad4817 rgb(173,72,23)
```
#b44610
```
#b44610 rgb(180,70,16)
```
#bc4308
```
#bc4308 rgb(188,67,8)
```
#c34101
```
#c34101 rgb(195,65,1)
```

Tone Color Variation

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

#616161 Achromatopsia 0.005% of the population
#6f5d54 Atypical Achromatopsia 0.001% of the population

Dichromacy

#796d31 Protanopia 1% of men
#876823 Deuteranopia 1% of men
#ab4f54 Tritanopia 0.001% of the population

Trichromacy

#89612a Protanomaly 1% of men, 0.01% of women
#925d21 Deuteranomaly 6% of men, 0.4% of women
#a94e41 Tritanomaly 0.01% of the population

#a54b1f hex color

#a54b1f Color Information

#a54b1f Color Conversion

Color Schemes with #a54b1f

Alternatives to #a54b1f

#a54b1f Preview

Shades and Tints of #a54b1f

Tones of #a54b1f

Color Blindness Simulator