#a57f22 hex color

In a RGB color space, hex #a57f22 is composed of 64.7% red, 49.8% green and 13.3% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 23% magenta, 79.4% yellow and 35.3% black. It has a hue angle of 42.6 degrees, a saturation of 65.8% and a lightness of 39%. #a57f22 color hex could be obtained by blending #fffe44 with #4b0000. Closest websafe color is: #996633.

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

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

The hexadecimal color #a57f22 has RGB values of R:165, G:127, B:34 and CMYK values of C:0, M:0.23, Y:0.79, K:0.35. Its decimal value is 10845986.

Hex triplet	a57f22	`#a57f22`
RGB Decimal	165, 127, 34	`rgb(165,127,34)`
RGB Percent	64.7, 49.8, 13.3	`rgb(64.7%,49.8%,13.3%)`
CMYK	0, 23, 79, 35
HSL	42.6°, 65.8, 39	`hsl(42.6,65.8%,39%)`
HSV (or HSB)	42.6°, 79.4, 64.7
Web Safe	996633	`#996633`

CIE-LAB	55.375, 5.704, 52.519
XYZ	23.396, 23.295, 4.777
xyY	0.455, 0.453, 23.295
CIE-LCH	55.375, 52.828, 83.801
CIE-LUV	55.375, 31.589, 52.69
Hunter-Lab	48.265, 2.062, 27.917
Binary	10100101, 01111111, 00100010

#a57f22
```
#a57f22 rgb(165,127,34)
```
#2248a5
```
#2248a5 rgb(34,72,165)
```

Complementary Color

#a53e22
```
#a53e22 rgb(165,62,34)
```
#a57f22
```
#a57f22 rgb(165,127,34)
```
#8aa522
```
#8aa522 rgb(138,165,34)
```

Analogous Color

#3d22a5
```
#3d22a5 rgb(61,34,165)
```
#a57f22
```
#a57f22 rgb(165,127,34)
```
#228aa5
```
#228aa5 rgb(34,138,165)
```

Split Complementary Color

#7f22a5
```
#7f22a5 rgb(127,34,165)
```
#a57f22
```
#a57f22 rgb(165,127,34)
```
#22a57f
```
#22a57f rgb(34,165,127)
```

Triadic Color

#a52248
```
#a52248 rgb(165,34,72)
```
#a57f22
```
#a57f22 rgb(165,127,34)
```
#22a57f
```
#22a57f rgb(34,165,127)
```
#2248a5
```
#2248a5 rgb(34,72,165)
```

Tetradic Color

#664e15
```
#664e15 rgb(102,78,21)
```
#7b5e19
```
#7b5e19 rgb(123,94,25)
```
#906f1e
```
#906f1e rgb(144,111,30)
```
#a57f22
```
#a57f22 rgb(165,127,34)
```
#ba8f26
```
#ba8f26 rgb(186,143,38)
```
#cfa02b
```
#cfa02b rgb(207,160,43)
```
#d7aa3d
```
#d7aa3d rgb(215,170,61)
```

Monochromatic Color

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

#a55e22
```
#a55e22 rgb(165,94,34)
```
#a56922
```
#a56922 rgb(165,105,34)
```
#a57422
```
#a57422 rgb(165,116,34)
```
#a57f22
```
#a57f22 rgb(165,127,34)
```
#a58a22
```
#a58a22 rgb(165,138,34)
```
#a59522
```
#a59522 rgb(165,149,34)
```
#a5a022
```
#a5a022 rgb(165,160,34)
```

Similar Colors

Text with hexadecimal color #a57f22

This text has a font color of #a57f22.

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

#a57f22 background color

This paragraph has a background color of #a57f22.

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

#a57f22 border color

This element has a border color of #a57f22.

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

CSS codes

.text {color:#a57f22;}

.background {background-color:#a57f22;}

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

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

#020200
```
#020200 rgb(2,2,0)
```
#130e04
```
#130e04 rgb(19,14,4)
```
#231b07
```
#231b07 rgb(35,27,7)
```
#33270b
```
#33270b rgb(51,39,11)
```
#43340e
```
#43340e rgb(67,52,14)
```
#544011
```
#544011 rgb(84,64,17)
```
#644d15
```
#644d15 rgb(100,77,21)
```
#745918
```
#745918 rgb(116,89,24)
```
#84661b
```
#84661b rgb(132,102,27)
```
#95721f
```
#95721f rgb(149,114,31)
```
#a57f22
```
#a57f22 rgb(165,127,34)
```
#b58c25
```
#b58c25 rgb(181,140,37)
```
#c69829
```
#c69829 rgb(198,152,41)
```

Shade Color Variation

#d4a42e
```
#d4a42e rgb(212,164,46)
```
#d7ab3e
```
#d7ab3e rgb(215,171,62)
```
#dbb24e
```
#dbb24e rgb(219,178,78)
```
#deb95f
```
#deb95f rgb(222,185,95)
```
#e1c06f
```
#e1c06f rgb(225,192,111)
```
#e5c77f
```
#e5c77f rgb(229,199,127)
```
#e8ce90
```
#e8ce90 rgb(232,206,144)
```
#ebd5a0
```
#ebd5a0 rgb(235,213,160)
```
#efddb0
```
#efddb0 rgb(239,221,176)
```
#f2e4c0
```
#f2e4c0 rgb(242,228,192)
```
#f5ebd1
```
#f5ebd1 rgb(245,235,209)
```
#f9f2e1
```
#f9f2e1 rgb(249,242,225)
```
#fcf9f1
```
#fcf9f1 rgb(252,249,241)
```

Tint Color Variation

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

#68655f
```
#68655f rgb(104,101,95)
```
#6f6958
```
#6f6958 rgb(111,105,88)
```
#776c50
```
#776c50 rgb(119,108,80)
```
#7f6f48
```
#7f6f48 rgb(127,111,72)
```
#867241
```
#867241 rgb(134,114,65)
```
#8e7539
```
#8e7539 rgb(142,117,57)
```
#967931
```
#967931 rgb(150,121,49)
```
#9d7c2a
```
#9d7c2a rgb(157,124,42)
```
#a57f22
```
#a57f22 rgb(165,127,34)
```
#ad821a
```
#ad821a rgb(173,130,26)
```
#b48513
```
#b48513 rgb(180,133,19)
```
#bc890b
```
#bc890b rgb(188,137,11)
```
#c48c03
```
#c48c03 rgb(196,140,3)
```

Tone Color Variation

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

#808080 Achromatopsia 0.005% of the population
#87806d Atypical Achromatopsia 0.001% of the population

Dichromacy

#9a8b2e Protanopia 1% of men
#ac842e Deuteranopia 1% of men
#b07d86 Tritanopia 0.001% of the population

Trichromacy

#9e862a Protanomaly 1% of men, 0.01% of women
#a98229 Deuteranomaly 6% of men, 0.4% of women
#ac7d61 Tritanomaly 0.01% of the population

#a57f22 hex color

#a57f22 Color Information

#a57f22 Color Conversion

Color Schemes with #a57f22

Alternatives to #a57f22

#a57f22 Preview

Shades and Tints of #a57f22

Tones of #a57f22

Color Blindness Simulator