#a57f1c hex color

In a RGB color space, hex #a57f1c is composed of 64.7% red, 49.8% green and 11% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 23% magenta, 83% yellow and 35.3% black. It has a hue angle of 43.4 degrees, a saturation of 71% and a lightness of 37.8%. #a57f1c color hex could be obtained by blending #fffe38 with #4b0000. Closest websafe color is: #996633.

♥
- f
- t
- g
- R 65
- G 50
- B 11
RGB color chart
- C 0
- M 23
- Y 83
- K 35
CMYK color chart

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

The hexadecimal color #a57f1c has RGB values of R:165, G:127, B:28 and CMYK values of C:0, M:0.23, Y:0.83, K:0.35. Its decimal value is 10845980.

Hex triplet	a57f1c	`#a57f1c`
RGB Decimal	165, 127, 28	`rgb(165,127,28)`
RGB Percent	64.7, 49.8, 11	`rgb(64.7%,49.8%,11%)`
CMYK	0, 23, 83, 35
HSL	43.4°, 71, 37.8	`hsl(43.4,71%,37.8%)`
HSV (or HSB)	43.4°, 83, 64.7
Web Safe	996633	`#996633`

CIE-LAB	55.342, 5.49, 54.577
XYZ	23.316, 23.263, 4.361
xyY	0.458, 0.457, 23.263
CIE-LCH	55.342, 54.852, 84.256
CIE-LUV	55.342, 31.794, 53.951
Hunter-Lab	48.232, 1.885, 28.402
Binary	10100101, 01111111, 00011100

#a57f1c
```
#a57f1c rgb(165,127,28)
```
#1c42a5
```
#1c42a5 rgb(28,66,165)
```

Complementary Color

#a53a1c
```
#a53a1c rgb(165,58,28)
```
#a57f1c
```
#a57f1c rgb(165,127,28)
```
#87a51c
```
#87a51c rgb(135,165,28)
```

Analogous Color

#3a1ca5
```
#3a1ca5 rgb(58,28,165)
```
#a57f1c
```
#a57f1c rgb(165,127,28)
```
#1c87a5
```
#1c87a5 rgb(28,135,165)
```

Split Complementary Color

#7f1ca5
```
#7f1ca5 rgb(127,28,165)
```
#a57f1c
```
#a57f1c rgb(165,127,28)
```
#1ca57f
```
#1ca57f rgb(28,165,127)
```

Triadic Color

#a51c42
```
#a51c42 rgb(165,28,66)
```
#a57f1c
```
#a57f1c rgb(165,127,28)
```
#1ca57f
```
#1ca57f rgb(28,165,127)
```
#1c42a5
```
#1c42a5 rgb(28,66,165)
```

Tetradic Color

#644d11
```
#644d11 rgb(100,77,17)
```
#795d15
```
#795d15 rgb(121,93,21)
```
#8f6e18
```
#8f6e18 rgb(143,110,24)
```
#a57f1c
```
#a57f1c rgb(165,127,28)
```
#bb9020
```
#bb9020 rgb(187,144,32)
```
#d1a123
```
#d1a123 rgb(209,161,35)
```
#dcad31
```
#dcad31 rgb(220,173,49)
```

Monochromatic Color

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

#a55d1c
```
#a55d1c rgb(165,93,28)
```
#a5681c
```
#a5681c rgb(165,104,28)
```
#a5741c
```
#a5741c rgb(165,116,28)
```
#a57f1c
```
#a57f1c rgb(165,127,28)
```
#a58a1c
```
#a58a1c rgb(165,138,28)
```
#a5961c
```
#a5961c rgb(165,150,28)
```
#a5a11c
```
#a5a11c rgb(165,161,28)
```

Similar Colors

Text with hexadecimal color #a57f1c

This text has a font color of #a57f1c.

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

#a57f1c background color

This paragraph has a background color of #a57f1c.

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

#a57f1c border color

This element has a border color of #a57f1c.

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

CSS codes

.text {color:#a57f1c;}

.background {background-color:#a57f1c;}

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

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

#0e0b02
```
#0e0b02 rgb(14,11,2)
```
#1f1805
```
#1f1805 rgb(31,24,5)
```
#302508
```
#302508 rgb(48,37,8)
```
#40320b
```
#40320b rgb(64,50,11)
```
#513e0e
```
#513e0e rgb(81,62,14)
```
#624b11
```
#624b11 rgb(98,75,17)
```
#735813
```
#735813 rgb(115,88,19)
```
#836516
```
#836516 rgb(131,101,22)
```
#947219
```
#947219 rgb(148,114,25)
```
#a57f1c
```
#a57f1c rgb(165,127,28)
```
#b68c1f
```
#b68c1f rgb(182,140,31)
```
#c79922
```
#c79922 rgb(199,153,34)
```
#d7a625
```
#d7a625 rgb(215,166,37)
```

Shade Color Variation

#dcad33
```
#dcad33 rgb(220,173,51)
```
#dfb444
```
#dfb444 rgb(223,180,68)
```
#e2bb55
```
#e2bb55 rgb(226,187,85)
```
#e5c265
```
#e5c265 rgb(229,194,101)
```
#e8c876
```
#e8c876 rgb(232,200,118)
```
#ebcf87
```
#ebcf87 rgb(235,207,135)
```
#edd698
```
#edd698 rgb(237,214,152)
```
#f0dca8
```
#f0dca8 rgb(240,220,168)
```
#f3e3b9
```
#f3e3b9 rgb(243,227,185)
```
#f6eaca
```
#f6eaca rgb(246,234,202)
```
#f9f1db
```
#f9f1db rgb(249,241,219)
```
#fcf7ec
```
#fcf7ec rgb(252,247,236)
```
#fffefc
```
#fffefc rgb(255,254,252)
```

Tint Color Variation

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

#62615f
```
#62615f rgb(98,97,95)
```
#6a6557
```
#6a6557 rgb(106,101,87)
```
#716850
```
#716850 rgb(113,104,80)
```
#786b49
```
#786b49 rgb(120,107,73)
```
#806e41
```
#806e41 rgb(128,110,65)
```
#87723a
```
#87723a rgb(135,114,58)
```
#8f7532
```
#8f7532 rgb(143,117,50)
```
#96782b
```
#96782b rgb(150,120,43)
```
#9e7c23
```
#9e7c23 rgb(158,124,35)
```
#a57f1c
```
#a57f1c rgb(165,127,28)
```
#ac8215
```
#ac8215 rgb(172,130,21)
```
#b4860d
```
#b4860d rgb(180,134,13)
```
#bb8906
```
#bb8906 rgb(187,137,6)
```

Tone Color Variation

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

#7f7f7f Achromatopsia 0.005% of the population
#877f6b Atypical Achromatopsia 0.001% of the population

Dichromacy

#9b8b29 Protanopia 1% of men
#ac8428 Deuteranopia 1% of men
#b07d85 Tritanopia 0.001% of the population

Trichromacy

#9e8624 Protanomaly 1% of men, 0.01% of women
#a98224 Deuteranomaly 6% of men, 0.4% of women
#ac7d5f Tritanomaly 0.01% of the population

#a57f1c hex color

#a57f1c Color Information

#a57f1c Color Conversion

Color Schemes with #a57f1c

Alternatives to #a57f1c

#a57f1c Preview

Shades and Tints of #a57f1c

Tones of #a57f1c

Color Blindness Simulator