#a57228 hex color

In a RGB color space, hex #a57228 is composed of 64.7% red, 44.7% green and 15.7% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 30.9% magenta, 75.8% yellow and 35.3% black. It has a hue angle of 35.5 degrees, a saturation of 61% and a lightness of 40.2%. #a57228 color hex could be obtained by blending #ffe450 with #4b0000. Closest websafe color is: #996633.

♥
- f
- t
- g
- R 65
- G 45
- B 16
RGB color chart
- C 0
- M 31
- Y 76
- K 35
CMYK color chart

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

The hexadecimal color #a57228 has RGB values of R:165, G:114, B:40 and CMYK values of C:0, M:0.31, Y:0.76, K:0.35. Its decimal value is 10842664.

Hex triplet	a57228	`#a57228`
RGB Decimal	165, 114, 40	`rgb(165,114,40)`
RGB Percent	64.7, 44.7, 15.7	`rgb(64.7%,44.7%,15.7%)`
CMYK	0, 31, 76, 35
HSL	35.5°, 61, 40.2	`hsl(35.5,61%,40.2%)`
HSV (or HSB)	35.5°, 75.8, 64.7
Web Safe	996633	`#996633`

CIE-LAB	52.05, 13.295, 46.922
XYZ	21.918, 20.189, 4.75
xyY	0.468, 0.431, 20.189
CIE-LCH	52.05, 48.769, 74.181
CIE-LUV	52.05, 41.127, 45.775
Hunter-Lab	44.932, 8.443, 25.185
Binary	10100101, 01110010, 00101000

#a57228
```
#a57228 rgb(165,114,40)
```
#285ba5
```
#285ba5 rgb(40,91,165)
```

Complementary Color

#a53428
```
#a53428 rgb(165,52,40)
```
#a57228
```
#a57228 rgb(165,114,40)
```
#9aa528
```
#9aa528 rgb(154,165,40)
```

Analogous Color

#3428a5
```
#3428a5 rgb(52,40,165)
```
#a57228
```
#a57228 rgb(165,114,40)
```
#289aa5
```
#289aa5 rgb(40,154,165)
```

Split Complementary Color

#7228a5
```
#7228a5 rgb(114,40,165)
```
#a57228
```
#a57228 rgb(165,114,40)
```
#28a572
```
#28a572 rgb(40,165,114)
```

Triadic Color

#a5285b
```
#a5285b rgb(165,40,91)
```
#a57228
```
#a57228 rgb(165,114,40)
```
#28a572
```
#28a572 rgb(40,165,114)
```
#285ba5
```
#285ba5 rgb(40,91,165)
```

Tetradic Color

#674719
```
#674719 rgb(103,71,25)
```
#7c561e
```
#7c561e rgb(124,86,30)
```
#906423
```
#906423 rgb(144,100,35)
```
#a57228
```
#a57228 rgb(165,114,40)
```
#ba802d
```
#ba802d rgb(186,128,45)
```
#cd8e33
```
#cd8e33 rgb(205,142,51)
```
#d29a47
```
#d29a47 rgb(210,154,71)
```

Monochromatic Color

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

#a55328
```
#a55328 rgb(165,83,40)
```
#a55d28
```
#a55d28 rgb(165,93,40)
```
#a56828
```
#a56828 rgb(165,104,40)
```
#a57228
```
#a57228 rgb(165,114,40)
```
#a57c28
```
#a57c28 rgb(165,124,40)
```
#a58728
```
#a58728 rgb(165,135,40)
```
#a59128
```
#a59128 rgb(165,145,40)
```

Similar Colors

Text with hexadecimal color #a57228

This text has a font color of #a57228.

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

#a57228 background color

This paragraph has a background color of #a57228.

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

#a57228 border color

This element has a border color of #a57228.

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

CSS codes

.text {color:#a57228;}

.background {background-color:#a57228;}

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

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

#070502
```
#070502 rgb(7,5,2)
```
#171006
```
#171006 rgb(23,16,6)
```
#271b09
```
#271b09 rgb(39,27,9)
```
#36260d
```
#36260d rgb(54,38,13)
```
#463111
```
#463111 rgb(70,49,17)
```
#563b15
```
#563b15 rgb(86,59,21)
```
#664619
```
#664619 rgb(102,70,25)
```
#76511d
```
#76511d rgb(118,81,29)
```
#855c20
```
#855c20 rgb(133,92,32)
```
#956724
```
#956724 rgb(149,103,36)
```
#a57228
```
#a57228 rgb(165,114,40)
```
#b57d2c
```
#b57d2c rgb(181,125,44)
```
#c58830
```
#c58830 rgb(197,136,48)
```

Shade Color Variation

#cf9239
```
#cf9239 rgb(207,146,57)
```
#d39a49
```
#d39a49 rgb(211,154,73)
```
#d7a358
```
#d7a358 rgb(215,163,88)
```
#daac68
```
#daac68 rgb(218,172,104)
```
#deb578
```
#deb578 rgb(222,181,120)
```
#e2bd88
```
#e2bd88 rgb(226,189,136)
```
#e6c698
```
#e6c698 rgb(230,198,152)
```
#eacfa7
```
#eacfa7 rgb(234,207,167)
```
#eed7b7
```
#eed7b7 rgb(238,215,183)
```
#f1e0c7
```
#f1e0c7 rgb(241,224,199)
```
#f5e9d7
```
#f5e9d7 rgb(245,233,215)
```
#f9f2e7
```
#f9f2e7 rgb(249,242,231)
```
#fdfaf6
```
#fdfaf6 rgb(253,250,246)
```

Tint Color Variation

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

#6e685f
```
#6e685f rgb(110,104,95)
```
#766957
```
#766957 rgb(118,105,87)
```
#7e6b4f
```
#7e6b4f rgb(126,107,79)
```
#856c48
```
#856c48 rgb(133,108,72)
```
#8d6e40
```
#8d6e40 rgb(141,110,64)
```
#956f38
```
#956f38 rgb(149,111,56)
```
#9d7130
```
#9d7130 rgb(157,113,48)
```
#a57228
```
#a57228 rgb(165,114,40)
```
#ad7320
```
#ad7320 rgb(173,115,32)
```
#b57518
```
#b57518 rgb(181,117,24)
```
#bd7610
```
#bd7610 rgb(189,118,16)
```
#c57808
```
#c57808 rgb(197,120,8)
```
#cc7901
```
#cc7901 rgb(204,121,1)
```

Tone Color Variation

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

#797979 Achromatopsia 0.005% of the population
#827869 Atypical Achromatopsia 0.001% of the population

Dichromacy

#918335 Protanopia 1% of men
#a27c31 Deuteranopia 1% of men
#ae7279 Tritanopia 0.001% of the population

Trichromacy

#987c30 Protanomaly 1% of men, 0.01% of women
#a3782e Deuteranomaly 6% of men, 0.4% of women
#ab725c Tritanomaly 0.01% of the population

#a57228 hex color

#a57228 Color Information

#a57228 Color Conversion

Color Schemes with #a57228

Alternatives to #a57228

#a57228 Preview

Shades and Tints of #a57228

Tones of #a57228

Color Blindness Simulator