#a57f5f hex color

In a RGB color space, hex #a57f5f is composed of 64.7% red, 49.8% green and 37.3% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 23% magenta, 42.4% yellow and 35.3% black. It has a hue angle of 27.4 degrees, a saturation of 28% and a lightness of 51%. #a57f5f color hex could be obtained by blending #fffebe with #4b0000. Closest websafe color is: #996666.

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

● #a57f5f color description : Mostly desaturated dark orange.

The hexadecimal color #a57f5f has RGB values of R:165, G:127, B:95 and CMYK values of C:0, M:0.23, Y:0.42, K:0.35. Its decimal value is 10846047.

Hex triplet	a57f5f	`#a57f5f`
RGB Decimal	165, 127, 95	`rgb(165,127,95)`
RGB Percent	64.7, 49.8, 37.3	`rgb(64.7%,49.8%,37.3%)`
CMYK	0, 23, 42, 35
HSL	27.4°, 28, 51	`hsl(27.4,28%,51%)`
HSV (or HSB)	27.4°, 42.4, 64.7
Web Safe	996666	`#996666`

CIE-LAB	56.093, 10.346, 23.033
XYZ	25.172, 24.005, 14.133
xyY	0.398, 0.379, 24.005
CIE-LCH	56.093, 25.25, 65.812
CIE-LUV	56.093, 27.421, 26.878
Hunter-Lab	48.995, 5.965, 17.194
Binary	10100101, 01111111, 01011111

#a57f5f
```
#a57f5f rgb(165,127,95)
```
#5f85a5
```
#5f85a5 rgb(95,133,165)
```

Complementary Color

#a55f62
```
#a55f62 rgb(165,95,98)
```
#a57f5f
```
#a57f5f rgb(165,127,95)
```
#a5a25f
```
#a5a25f rgb(165,162,95)
```

Analogous Color

#5f62a5
```
#5f62a5 rgb(95,98,165)
```
#a57f5f
```
#a57f5f rgb(165,127,95)
```
#5fa5a2
```
#5fa5a2 rgb(95,165,162)
```

Split Complementary Color

#7f5fa5
```
#7f5fa5 rgb(127,95,165)
```
#a57f5f
```
#a57f5f rgb(165,127,95)
```
#5fa57f
```
#5fa57f rgb(95,165,127)
```

Triadic Color

#a55f85
```
#a55f85 rgb(165,95,133)
```
#a57f5f
```
#a57f5f rgb(165,127,95)
```
#5fa57f
```
#5fa57f rgb(95,165,127)
```
#5f85a5
```
#5f85a5 rgb(95,133,165)
```

Tetradic Color

#755a42
```
#755a42 rgb(117,90,66)
```
#86664b
```
#86664b rgb(134,102,75)
```
#967254
```
#967254 rgb(150,114,84)
```
#a57f5f
```
#a57f5f rgb(165,127,95)
```
#ae8c6f
```
#ae8c6f rgb(174,140,111)
```
#b79980
```
#b79980 rgb(183,153,128)
```
#c1a690
```
#c1a690 rgb(193,166,144)
```

Monochromatic Color

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

#a56e5f
```
#a56e5f rgb(165,110,95)
```
#a5735f
```
#a5735f rgb(165,115,95)
```
#a5795f
```
#a5795f rgb(165,121,95)
```
#a57f5f
```
#a57f5f rgb(165,127,95)
```
#a5855f
```
#a5855f rgb(165,133,95)
```
#a58b5f
```
#a58b5f rgb(165,139,95)
```
#a5915f
```
#a5915f rgb(165,145,95)
```

Similar Colors

Text with hexadecimal color #a57f5f

This text has a font color of #a57f5f.

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

#a57f5f background color

This paragraph has a background color of #a57f5f.

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

#a57f5f border color

This element has a border color of #a57f5f.

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

CSS codes

.text {color:#a57f5f;}

.background {background-color:#a57f5f;}

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

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

#030202
```
#030202 rgb(3,2,2)
```
#100c09
```
#100c09 rgb(16,12,9)
```
#1c1610
```
#1c1610 rgb(28,22,16)
```
#291f17
```
#291f17 rgb(41,31,23)
```
#35291e
```
#35291e rgb(53,41,30)
```
#423225
```
#423225 rgb(66,50,37)
```
#4f3c2c
```
#4f3c2c rgb(79,60,44)
```
#5b4533
```
#5b4533 rgb(91,69,51)
```
#684f3a
```
#684f3a rgb(104,79,58)
```
#745941
```
#745941 rgb(116,89,65)
```
#816248
```
#816248 rgb(129,98,72)
```
#8d6c4f
```
#8d6c4f rgb(141,108,79)
```
#9a7557
```
#9a7557 rgb(154,117,87)
```

Shade Color Variation

#a57f5f
```
#a57f5f rgb(165,127,95)
```
#ac896c
```
#ac896c rgb(172,137,108)
```
#b39378
```
#b39378 rgb(179,147,120)
```
#ba9d85
```
#ba9d85 rgb(186,157,133)
```
#c1a791
```
#c1a791 rgb(193,167,145)
```
#c8b19e
```
#c8b19e rgb(200,177,158)
```
#cfbbaa
```
#cfbbaa rgb(207,187,170)
```
#d6c5b7
```
#d6c5b7 rgb(214,197,183)
```
#ddcfc3
```
#ddcfc3 rgb(221,207,195)
```
#e5d9d0
```
#e5d9d0 rgb(229,217,208)
```
#ece3dd
```
#ece3dd rgb(236,227,221)
```
#f3ede9
```
#f3ede9 rgb(243,237,233)
```
#faf8f6
```
#faf8f6 rgb(250,248,246)
```

Tint Color Variation

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

#88817c
```
#88817c rgb(136,129,124)
```
#928172
```
#928172 rgb(146,129,114)
```
#9b8069
```
#9b8069 rgb(155,128,105)
```
#a57f5f
```
#a57f5f rgb(165,127,95)
```
#af7e55
```
#af7e55 rgb(175,126,85)
```
#b87d4c
```
#b87d4c rgb(184,125,76)
```
#c27d42
```
#c27d42 rgb(194,125,66)
```
#cb7c39
```
#cb7c39 rgb(203,124,57)
```
#d57b2f
```
#d57b2f rgb(213,123,47)
```
#df7a25
```
#df7a25 rgb(223,122,37)
```
#e8791c
```
#e8791c rgb(232,121,28)
```
#f27812
```
#f27812 rgb(242,120,18)
```
#fc7808
```
#fc7808 rgb(252,120,8)
```

Tone Color Variation

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

#878787 Achromatopsia 0.005% of the population
#8d857f Atypical Achromatopsia 0.001% of the population

Dichromacy

#968c6a Protanopia 1% of men
#a68766 Deuteranopia 1% of men
#ad8089 Tritanopia 0.001% of the population

Trichromacy

#9b8766 Protanomaly 1% of men, 0.01% of women
#a58464 Deuteranomaly 6% of men, 0.4% of women
#aa807a Tritanomaly 0.01% of the population

#a57f5f hex color

#a57f5f Color Information

#a57f5f Color Conversion

Color Schemes with #a57f5f

Alternatives to #a57f5f

#a57f5f Preview

Shades and Tints of #a57f5f

Tones of #a57f5f

Color Blindness Simulator