#a57f1d hex color

In a RGB color space, hex #a57f1d is composed of 64.7% red, 49.8% green and 11.4% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 23% magenta, 82.4% yellow and 35.3% black. It has a hue angle of 43.2 degrees, a saturation of 70.1% and a lightness of 38%. #a57f1d color hex could be obtained by blending #fffe3a with #4b0000. Closest websafe color is: #996633.

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

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

The hexadecimal color #a57f1d has RGB values of R:165, G:127, B:29 and CMYK values of C:0, M:0.23, Y:0.82, K:0.35. Its decimal value is 10845981.

Hex triplet	a57f1d	`#a57f1d`
RGB Decimal	165, 127, 29	`rgb(165,127,29)`
RGB Percent	64.7, 49.8, 11.4	`rgb(64.7%,49.8%,11.4%)`
CMYK	0, 23, 82, 35
HSL	43.2°, 70.1, 38	`hsl(43.2,70.1%,38%)`
HSV (or HSB)	43.2°, 82.4, 64.7
Web Safe	996633	`#996633`

CIE-LAB	55.347, 5.523, 54.252
XYZ	23.329, 23.268, 4.425
xyY	0.457, 0.456, 23.268
CIE-LCH	55.347, 54.532, 84.187
CIE-LUV	55.347, 31.762, 53.756
Hunter-Lab	48.237, 1.913, 28.327
Binary	10100101, 01111111, 00011101

#a57f1d
```
#a57f1d rgb(165,127,29)
```
#1d43a5
```
#1d43a5 rgb(29,67,165)
```

Complementary Color

#a53b1d
```
#a53b1d rgb(165,59,29)
```
#a57f1d
```
#a57f1d rgb(165,127,29)
```
#87a51d
```
#87a51d rgb(135,165,29)
```

Analogous Color

#3b1da5
```
#3b1da5 rgb(59,29,165)
```
#a57f1d
```
#a57f1d rgb(165,127,29)
```
#1d87a5
```
#1d87a5 rgb(29,135,165)
```

Split Complementary Color

#7f1da5
```
#7f1da5 rgb(127,29,165)
```
#a57f1d
```
#a57f1d rgb(165,127,29)
```
#1da57f
```
#1da57f rgb(29,165,127)
```

Triadic Color

#a51d43
```
#a51d43 rgb(165,29,67)
```
#a57f1d
```
#a57f1d rgb(165,127,29)
```
#1da57f
```
#1da57f rgb(29,165,127)
```
#1d43a5
```
#1d43a5 rgb(29,67,165)
```

Tetradic Color

#644d12
```
#644d12 rgb(100,77,18)
```
#7a5e15
```
#7a5e15 rgb(122,94,21)
```
#8f6e19
```
#8f6e19 rgb(143,110,25)
```
#a57f1d
```
#a57f1d rgb(165,127,29)
```
#bb9021
```
#bb9021 rgb(187,144,33)
```
#d0a025
```
#d0a025 rgb(208,160,37)
```
#dbac33
```
#dbac33 rgb(219,172,51)
```

Monochromatic Color

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

#a55d1d
```
#a55d1d rgb(165,93,29)
```
#a5681d
```
#a5681d rgb(165,104,29)
```
#a5741d
```
#a5741d rgb(165,116,29)
```
#a57f1d
```
#a57f1d rgb(165,127,29)
```
#a58a1d
```
#a58a1d rgb(165,138,29)
```
#a5961d
```
#a5961d rgb(165,150,29)
```
#a5a11d
```
#a5a11d rgb(165,161,29)
```

Similar Colors

Text with hexadecimal color #a57f1d

This text has a font color of #a57f1d.

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

#a57f1d background color

This paragraph has a background color of #a57f1d.

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

#a57f1d border color

This element has a border color of #a57f1d.

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

CSS codes

.text {color:#a57f1d;}

.background {background-color:#a57f1d;}

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

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

#0f0b03
```
#0f0b03 rgb(15,11,3)
```
#201806
```
#201806 rgb(32,24,6)
```
#302508
```
#302508 rgb(48,37,8)
```
#41320b
```
#41320b rgb(65,50,11)
```
#523f0e
```
#523f0e rgb(82,63,14)
```
#624c11
```
#624c11 rgb(98,76,17)
```
#735814
```
#735814 rgb(115,88,20)
```
#846517
```
#846517 rgb(132,101,23)
```
#94721a
```
#94721a rgb(148,114,26)
```
#a57f1d
```
#a57f1d rgb(165,127,29)
```
#b68c20
```
#b68c20 rgb(182,140,32)
```
#c69923
```
#c69923 rgb(198,153,35)
```
#d7a626
```
#d7a626 rgb(215,166,38)
```

Shade Color Variation

#dbad35
```
#dbad35 rgb(219,173,53)
```
#deb446
```
#deb446 rgb(222,180,70)
```
#e1bb56
```
#e1bb56 rgb(225,187,86)
```
#e4c167
```
#e4c167 rgb(228,193,103)
```
#e7c878
```
#e7c878 rgb(231,200,120)
```
#eacf88
```
#eacf88 rgb(234,207,136)
```
#edd699
```
#edd699 rgb(237,214,153)
```
#f0dcaa
```
#f0dcaa rgb(240,220,170)
```
#f3e3ba
```
#f3e3ba rgb(243,227,186)
```
#f6eacb
```
#f6eacb rgb(246,234,203)
```
#f9f1dc
```
#f9f1dc rgb(249,241,220)
```
#fcf7ec
```
#fcf7ec rgb(252,247,236)
```
#fffefd
```
#fffefd rgb(255,254,253)
```

Tint Color Variation

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

#626160
```
#626160 rgb(98,97,96)
```
#696559
```
#696559 rgb(105,101,89)
```
#716851
```
#716851 rgb(113,104,81)
```
#786b4a
```
#786b4a rgb(120,107,74)
```
#806f42
```
#806f42 rgb(128,111,66)
```
#87723b
```
#87723b rgb(135,114,59)
```
#8f7533
```
#8f7533 rgb(143,117,51)
```
#96782c
```
#96782c rgb(150,120,44)
```
#9e7c24
```
#9e7c24 rgb(158,124,36)
```
#a57f1d
```
#a57f1d rgb(165,127,29)
```
#ac8216
```
#ac8216 rgb(172,130,22)
```
#b4860e
```
#b4860e rgb(180,134,14)
```
#bb8907
```
#bb8907 rgb(187,137,7)
```

Tone Color Variation

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

#9b8b2a Protanopia 1% of men
#ac8429 Deuteranopia 1% of men
#b07d85 Tritanopia 0.001% of the population

Trichromacy

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

#a57f1d hex color

#a57f1d Color Information

#a57f1d Color Conversion

Color Schemes with #a57f1d

Alternatives to #a57f1d

#a57f1d Preview

Shades and Tints of #a57f1d

Tones of #a57f1d

Color Blindness Simulator