#a57b1f hex color

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

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

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

The hexadecimal color #a57b1f has RGB values of R:165, G:123, B:31 and CMYK values of C:0, M:0.25, Y:0.81, K:0.35. Its decimal value is 10844959.

Hex triplet	a57b1f	`#a57b1f`
RGB Decimal	165, 123, 31	`rgb(165,123,31)`
RGB Percent	64.7, 48.2, 12.2	`rgb(64.7%,48.2%,12.2%)`
CMYK	0, 25, 81, 35
HSL	41.2°, 68.4, 38.4	`hsl(41.2,68.4%,38.4%)`
HSV (or HSB)	41.2°, 81.2, 64.7
Web Safe	996633	`#996633`

CIE-LAB	54.308, 7.839, 52.637
XYZ	22.848, 22.265, 4.391
xyY	0.462, 0.45, 22.265
CIE-LCH	54.308, 53.217, 81.529
CIE-LUV	54.308, 34.709, 51.717
Hunter-Lab	47.186, 3.854, 27.514
Binary	10100101, 01111011, 00011111

#a57b1f
```
#a57b1f rgb(165,123,31)
```
#1f49a5
```
#1f49a5 rgb(31,73,165)
```

Complementary Color

#a5381f
```
#a5381f rgb(165,56,31)
```
#a57b1f
```
#a57b1f rgb(165,123,31)
```
#8ca51f
```
#8ca51f rgb(140,165,31)
```

Analogous Color

#381fa5
```
#381fa5 rgb(56,31,165)
```
#a57b1f
```
#a57b1f rgb(165,123,31)
```
#1f8ca5
```
#1f8ca5 rgb(31,140,165)
```

Split Complementary Color

#7b1fa5
```
#7b1fa5 rgb(123,31,165)
```
#a57b1f
```
#a57b1f rgb(165,123,31)
```
#1fa57b
```
#1fa57b rgb(31,165,123)
```

Triadic Color

#a51f49
```
#a51f49 rgb(165,31,73)
```
#a57b1f
```
#a57b1f rgb(165,123,31)
```
#1fa57b
```
#1fa57b rgb(31,165,123)
```
#1f49a5
```
#1f49a5 rgb(31,73,165)
```

Tetradic Color

#654b13
```
#654b13 rgb(101,75,19)
```
#7a5b17
```
#7a5b17 rgb(122,91,23)
```
#906b1b
```
#906b1b rgb(144,107,27)
```
#a57b1f
```
#a57b1f rgb(165,123,31)
```
#ba8b23
```
#ba8b23 rgb(186,139,35)
```
#d09b27
```
#d09b27 rgb(208,155,39)
```
#d9a737
```
#d9a737 rgb(217,167,55)
```

Monochromatic Color

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

#a55a1f
```
#a55a1f rgb(165,90,31)
```
#a5651f
```
#a5651f rgb(165,101,31)
```
#a5701f
```
#a5701f rgb(165,112,31)
```
#a57b1f
```
#a57b1f rgb(165,123,31)
```
#a5861f
```
#a5861f rgb(165,134,31)
```
#a5911f
```
#a5911f rgb(165,145,31)
```
#a59d1f
```
#a59d1f rgb(165,157,31)
```

Similar Colors

Text with hexadecimal color #a57b1f

This text has a font color of #a57b1f.

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

#a57b1f background color

This paragraph has a background color of #a57b1f.

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

#a57b1f border color

This element has a border color of #a57b1f.

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

CSS codes

.text {color:#a57b1f;}

.background {background-color:#a57b1f;}

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

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

#100c03
```
#100c03 rgb(16,12,3)
```
#211906
```
#211906 rgb(33,25,6)
```
#312509
```
#312509 rgb(49,37,9)
```
#42310c
```
#42310c rgb(66,49,12)
```
#523d0f
```
#523d0f rgb(82,61,15)
```
#634a13
```
#634a13 rgb(99,74,19)
```
#735616
```
#735616 rgb(115,86,22)
```
#846219
```
#846219 rgb(132,98,25)
```
#946f1c
```
#946f1c rgb(148,111,28)
```
#a57b1f
```
#a57b1f rgb(165,123,31)
```
#b68722
```
#b68722 rgb(182,135,34)
```
#c69425
```
#c69425 rgb(198,148,37)
```
#d7a028
```
#d7a028 rgb(215,160,40)
```

Shade Color Variation

#daa739
```
#daa739 rgb(218,167,57)
```
#ddaf49
```
#ddaf49 rgb(221,175,73)
```
#e0b65a
```
#e0b65a rgb(224,182,90)
```
#e3bd6a
```
#e3bd6a rgb(227,189,106)
```
#e6c47b
```
#e6c47b rgb(230,196,123)
```
#e9cc8b
```
#e9cc8b rgb(233,204,139)
```
#ecd39c
```
#ecd39c rgb(236,211,156)
```
#efdaac
```
#efdaac rgb(239,218,172)
```
#f3e2bd
```
#f3e2bd rgb(243,226,189)
```
#f6e9cd
```
#f6e9cd rgb(246,233,205)
```
#f9f0de
```
#f9f0de rgb(249,240,222)
```
#fcf8ee
```
#fcf8ee rgb(252,248,238)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Tint Color Variation

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

#69645b
```
#69645b rgb(105,100,91)
```
#706754
```
#706754 rgb(112,103,84)
```
#786a4c
```
#786a4c rgb(120,106,76)
```
#7f6d45
```
#7f6d45 rgb(127,109,69)
```
#87703d
```
#87703d rgb(135,112,61)
```
#8e7336
```
#8e7336 rgb(142,115,54)
```
#96752e
```
#96752e rgb(150,117,46)
```
#9d7827
```
#9d7827 rgb(157,120,39)
```
#a57b1f
```
#a57b1f rgb(165,123,31)
```
#ad7e17
```
#ad7e17 rgb(173,126,23)
```
#b48110
```
#b48110 rgb(180,129,16)
```
#bc8308
```
#bc8308 rgb(188,131,8)
```
#c38601
```
#c38601 rgb(195,134,1)
```

Tone Color Variation

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

#7d7d7d Achromatopsia 0.005% of the population
#857d6a Atypical Achromatopsia 0.001% of the population

Dichromacy

#98882c Protanopia 1% of men
#a9812a Deuteranopia 1% of men
#af7982 Tritanopia 0.001% of the population

Trichromacy

#9c8327 Protanomaly 1% of men, 0.01% of women
#a77f26 Deuteranomaly 6% of men, 0.4% of women
#ab7a5e Tritanomaly 0.01% of the population

#a57b1f hex color

#a57b1f Color Information

#a57b1f Color Conversion

Color Schemes with #a57b1f

Alternatives to #a57b1f

#a57b1f Preview

Shades and Tints of #a57b1f

Tones of #a57b1f

Color Blindness Simulator