colorhexa.com

#a54c1f hex color

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

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

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

The hexadecimal color #a54c1f has RGB values of R:165, G:76, B:31 and CMYK values of C:0, M:0.54, Y:0.81, K:0.35. Its decimal value is 10832927.

Hex triplet	a54c1f	`#a54c1f`
RGB Decimal	165, 76, 31	`rgb(165,76,31)`
RGB Percent	64.7, 29.8, 12.2	`rgb(64.7%,29.8%,12.2%)`
CMYK	0, 54, 81, 35
HSL	20.1°, 68.4, 38.4	`hsl(20.1,68.4%,38.4%)`
HSV (or HSB)	20.1°, 81.2, 64.7
Web Safe	993333	`#993333`

CIE-LAB	43.166, 33.954, 42.343
XYZ	18.35, 13.269, 2.891
xyY	0.532, 0.384, 13.269
CIE-LCH	43.166, 54.275, 51.275
CIE-LUV	43.166, 71.182, 33.635
Hunter-Lab	36.427, 26.171, 20.793
Binary	10100101, 01001100, 00011111

#a54c1f
```
#a54c1f rgb(165,76,31)
```
#1f78a5
```
#1f78a5 rgb(31,120,165)
```

Complementary Color

#a51f35
```
#a51f35 rgb(165,31,53)
```
#a54c1f
```
#a54c1f rgb(165,76,31)
```
#a58f1f
```
#a58f1f rgb(165,143,31)
```

Analogous Color

#1f35a5
```
#1f35a5 rgb(31,53,165)
```
#a54c1f
```
#a54c1f rgb(165,76,31)
```
#1fa58f
```
#1fa58f rgb(31,165,143)
```

Split Complementary Color

#4c1fa5
```
#4c1fa5 rgb(76,31,165)
```
#a54c1f
```
#a54c1f rgb(165,76,31)
```
#1fa54c
```
#1fa54c rgb(31,165,76)
```

Triadic Color

#a51f78
```
#a51f78 rgb(165,31,120)
```
#a54c1f
```
#a54c1f rgb(165,76,31)
```
#1fa54c
```
#1fa54c rgb(31,165,76)
```
#1f78a5
```
#1f78a5 rgb(31,120,165)
```

Tetradic Color

#652e13
```
#652e13 rgb(101,46,19)
```
#7a3817
```
#7a3817 rgb(122,56,23)
```
#90421b
```
#90421b rgb(144,66,27)
```
#a54c1f
```
#a54c1f rgb(165,76,31)
```
#ba5623
```
#ba5623 rgb(186,86,35)
```
#d06027
```
#d06027 rgb(208,96,39)
```
#d96e37
```
#d96e37 rgb(217,110,55)
```

Monochromatic Color

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

#a52b1f
```
#a52b1f rgb(165,43,31)
```
#a5361f
```
#a5361f rgb(165,54,31)
```
#a5411f
```
#a5411f rgb(165,65,31)
```
#a54c1f
```
#a54c1f rgb(165,76,31)
```
#a5571f
```
#a5571f rgb(165,87,31)
```
#a5621f
```
#a5621f rgb(165,98,31)
```
#a56e1f
```
#a56e1f rgb(165,110,31)
```

Similar Colors

Text with hexadecimal color #a54c1f

This text has a font color of #a54c1f.

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

#a54c1f background color

This paragraph has a background color of #a54c1f.

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

#a54c1f border color

This element has a border color of #a54c1f.

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

CSS codes

.text {color:#a54c1f;}

.background {background-color:#a54c1f;}

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

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

#100803
```
#100803 rgb(16,8,3)
```
#210f06
```
#210f06 rgb(33,15,6)
```
#311709
```
#311709 rgb(49,23,9)
```
#421e0c
```
#421e0c rgb(66,30,12)
```
#52260f
```
#52260f rgb(82,38,15)
```
#632e13
```
#632e13 rgb(99,46,19)
```
#733516
```
#733516 rgb(115,53,22)
```
#843d19
```
#843d19 rgb(132,61,25)
```
#94441c
```
#94441c rgb(148,68,28)
```
#a54c1f
```
#a54c1f rgb(165,76,31)
```
#b65422
```
#b65422 rgb(182,84,34)
```
#c65b25
```
#c65b25 rgb(198,91,37)
```
#d76328
```
#d76328 rgb(215,99,40)
```

Shade Color Variation

#da6f39
```
#da6f39 rgb(218,111,57)
```
#dd7b49
```
#dd7b49 rgb(221,123,73)
```
#e0875a
```
#e0875a rgb(224,135,90)
```
#e3936a
```
#e3936a rgb(227,147,106)
```
#e69f7b
```
#e69f7b rgb(230,159,123)
```
#e9ab8b
```
#e9ab8b rgb(233,171,139)
```
#ecb79c
```
#ecb79c rgb(236,183,156)
```
#efc3ac
```
#efc3ac rgb(239,195,172)
```
#f3cfbd
```
#f3cfbd rgb(243,207,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 #c34201 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)
```
#87563d
```
#87563d rgb(135,86,61)
```
#8e5336
```
#8e5336 rgb(142,83,54)
```
#96512e
```
#96512e rgb(150,81,46)
```
#9d4e27
```
#9d4e27 rgb(157,78,39)
```
#a54c1f
```
#a54c1f rgb(165,76,31)
```
#ad4a17
```
#ad4a17 rgb(173,74,23)
```
#b44710
```
#b44710 rgb(180,71,16)
```
#bc4508
```
#bc4508 rgb(188,69,8)
```
#c34201
```
#c34201 rgb(195,66,1)
```

Tone Color Variation

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

#796e31 Protanopia 1% of men
#886823 Deuteranopia 1% of men
#ab5055 Tritanopia 0.001% of the population

Trichromacy

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