#a57042 hex color

In a RGB color space, hex #a57042 is composed of 64.7% red, 43.9% green and 25.9% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 32.1% magenta, 60% yellow and 35.3% black. It has a hue angle of 27.9 degrees, a saturation of 42.9% and a lightness of 45.3%. #a57042 color hex could be obtained by blending #ffe084 with #4b0000. Closest websafe color is: #996633.

♥
- f
- t
- g
- R 65
- G 44
- B 26
RGB color chart
- C 0
- M 32
- Y 60
- K 35
CMYK color chart

● #a57042 color description : Dark moderate orange.

The hexadecimal color #a57042 has RGB values of R:165, G:112, B:66 and CMYK values of C:0, M:0.32, Y:0.6, K:0.35. Its decimal value is 10842178.

Hex triplet	a57042	`#a57042`
RGB Decimal	165, 112, 66	`rgb(165,112,66)`
RGB Percent	64.7, 43.9, 25.9	`rgb(64.7%,43.9%,25.9%)`
CMYK	0, 32, 60, 35
HSL	27.9°, 42.9, 45.3	`hsl(27.9,42.9%,45.3%)`
HSV (or HSB)	27.9°, 60, 64.7
Web Safe	996633	`#996633`

CIE-LAB	51.817, 16.045, 33.733
XYZ	22.295, 19.982, 7.837
xyY	0.445, 0.399, 19.982
CIE-LCH	51.817, 37.355, 64.562
CIE-LUV	51.817, 40.584, 35.114
Hunter-Lab	44.702, 10.799, 20.897
Binary	10100101, 01110000, 01000010

#a57042
```
#a57042 rgb(165,112,66)
```
#4277a5
```
#4277a5 rgb(66,119,165)
```

Complementary Color

#a54246
```
#a54246 rgb(165,66,70)
```
#a57042
```
#a57042 rgb(165,112,66)
```
#a5a242
```
#a5a242 rgb(165,162,66)
```

Analogous Color

#4246a5
```
#4246a5 rgb(66,70,165)
```
#a57042
```
#a57042 rgb(165,112,66)
```
#42a5a2
```
#42a5a2 rgb(66,165,162)
```

Split Complementary Color

#7042a5
```
#7042a5 rgb(112,66,165)
```
#a57042
```
#a57042 rgb(165,112,66)
```
#42a570
```
#42a570 rgb(66,165,112)
```

Triadic Color

#a54277
```
#a54277 rgb(165,66,119)
```
#a57042
```
#a57042 rgb(165,112,66)
```
#42a570
```
#42a570 rgb(66,165,112)
```
#4277a5
```
#4277a5 rgb(66,119,165)
```

Tetradic Color

#6e4b2c
```
#6e4b2c rgb(110,75,44)
```
#815733
```
#815733 rgb(129,87,51)
```
#93643b
```
#93643b rgb(147,100,59)
```
#a57042
```
#a57042 rgb(165,112,66)
```
#b77c4a
```
#b77c4a rgb(183,124,74)
```
#be8a5c
```
#be8a5c rgb(190,138,92)
```
#c5976e
```
#c5976e rgb(197,151,110)
```

Monochromatic Color

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

#a55742
```
#a55742 rgb(165,87,66)
```
#a56042
```
#a56042 rgb(165,96,66)
```
#a56842
```
#a56842 rgb(165,104,66)
```
#a57042
```
#a57042 rgb(165,112,66)
```
#a57842
```
#a57842 rgb(165,120,66)
```
#a58142
```
#a58142 rgb(165,129,66)
```
#a58942
```
#a58942 rgb(165,137,66)
```

Similar Colors

Text with hexadecimal color #a57042

This text has a font color of #a57042.

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

#a57042 background color

This paragraph has a background color of #a57042.

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

#a57042 border color

This element has a border color of #a57042.

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

CSS codes

.text {color:#a57042;}

.background {background-color:#a57042;}

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

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

#0b0704
```
#0b0704 rgb(11,7,4)
```
#19110a
```
#19110a rgb(25,17,10)
```
#271a10
```
#271a10 rgb(39,26,16)
```
#352415
```
#352415 rgb(53,36,21)
```
#432d1b
```
#432d1b rgb(67,45,27)
```
#513720
```
#513720 rgb(81,55,32)
```
#5f4026
```
#5f4026 rgb(95,64,38)
```
#6d4a2c
```
#6d4a2c rgb(109,74,44)
```
#7b5331
```
#7b5331 rgb(123,83,49)
```
#895d37
```
#895d37 rgb(137,93,55)
```
#97663c
```
#97663c rgb(151,102,60)
```
#a57042
```
#a57042 rgb(165,112,66)
```
#b37a48
```
#b37a48 rgb(179,122,72)
```

Shade Color Variation

#ba8354
```
#ba8354 rgb(186,131,84)
```
#c08e62
```
#c08e62 rgb(192,142,98)
```
#c69870
```
#c69870 rgb(198,152,112)
```
#cba27e
```
#cba27e rgb(203,162,126)
```
#d1ac8c
```
#d1ac8c rgb(209,172,140)
```
#d7b69a
```
#d7b69a rgb(215,182,154)
```
#dcc0a8
```
#dcc0a8 rgb(220,192,168)
```
#e2cab6
```
#e2cab6 rgb(226,202,182)
```
#e7d4c4
```
#e7d4c4 rgb(231,212,196)
```
#edded2
```
#edded2 rgb(237,222,210)
```
#f3e9e0
```
#f3e9e0 rgb(243,233,224)
```
#f8f3ee
```
#f8f3ee rgb(248,243,238)
```
#fefdfc
```
#fefdfc rgb(254,253,252)
```

Tint Color Variation

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

#79736e
```
#79736e rgb(121,115,110)
```
#817366
```
#817366 rgb(129,115,102)
```
#8a725d
```
#8a725d rgb(138,114,93)
```
#937154
```
#937154 rgb(147,113,84)
```
#9c714b
```
#9c714b rgb(156,113,75)
```
#a57042
```
#a57042 rgb(165,112,66)
```
#ae6f39
```
#ae6f39 rgb(174,111,57)
```
#b76f30
```
#b76f30 rgb(183,111,48)
```
#c06e27
```
#c06e27 rgb(192,110,39)
```
#c96d1e
```
#c96d1e rgb(201,109,30)
```
#d16d16
```
#d16d16 rgb(209,109,22)
```
#da6c0d
```
#da6c0d rgb(218,108,13)
```
#e36c04
```
#e36c04 rgb(227,108,4)
```

Tone Color Variation

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

#7b7b7b Achromatopsia 0.005% of the population
#837970 Atypical Achromatopsia 0.001% of the population

Dichromacy

#8e824f Protanopia 1% of men
#9e7c4a Deuteranopia 1% of men
#ad7179 Tritanopia 0.001% of the population

Trichromacy

#967b4a Protanomaly 1% of men, 0.01% of women
#a07847 Deuteranomaly 6% of men, 0.4% of women
#aa7165 Tritanomaly 0.01% of the population

#a57042 hex color

#a57042 Color Information

#a57042 Color Conversion

Color Schemes with #a57042

Alternatives to #a57042

#a57042 Preview

Shades and Tints of #a57042

Tones of #a57042

Color Blindness Simulator