#a77342 hex color

In a RGB color space, hex #a77342 is composed of 65.5% red, 45.1% green and 25.9% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 31.1% magenta, 60.5% yellow and 34.5% black. It has a hue angle of 29.1 degrees, a saturation of 43.3% and a lightness of 45.7%. #a77342 color hex could be obtained by blending #ffe684 with #4f0000. Closest websafe color is: #996633.

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

● #a77342 color description : Dark moderate orange.

The hexadecimal color #a77342 has RGB values of R:167, G:115, B:66 and CMYK values of C:0, M:0.31, Y:0.6, K:0.35. Its decimal value is 10974018.

Hex triplet	a77342	`#a77342`
RGB Decimal	167, 115, 66	`rgb(167,115,66)`
RGB Percent	65.5, 45.1, 25.9	`rgb(65.5%,45.1%,25.9%)`
CMYK	0, 31, 60, 35
HSL	29.1°, 43.3, 45.7	`hsl(29.1,43.3%,45.7%)`
HSV (or HSB)	29.1°, 60.5, 65.5
Web Safe	996633	`#996633`

CIE-LAB	52.809, 15.218, 34.979
XYZ	23.051, 20.872, 7.969
xyY	0.444, 0.402, 20.872
CIE-LCH	52.809, 38.145, 66.488
CIE-LUV	52.809, 39.995, 36.666
Hunter-Lab	45.686, 10.113, 21.638
Binary	10100111, 01110011, 01000010

#a77342
```
#a77342 rgb(167,115,66)
```
#4276a7
```
#4276a7 rgb(66,118,167)
```

Complementary Color

#a74243
```
#a74243 rgb(167,66,67)
```
#a77342
```
#a77342 rgb(167,115,66)
```
#a7a642
```
#a7a642 rgb(167,166,66)
```

Analogous Color

#4243a7
```
#4243a7 rgb(66,67,167)
```
#a77342
```
#a77342 rgb(167,115,66)
```
#42a7a6
```
#42a7a6 rgb(66,167,166)
```

Split Complementary Color

#7342a7
```
#7342a7 rgb(115,66,167)
```
#a77342
```
#a77342 rgb(167,115,66)
```
#42a773
```
#42a773 rgb(66,167,115)
```

Triadic Color

#a74276
```
#a74276 rgb(167,66,118)
```
#a77342
```
#a77342 rgb(167,115,66)
```
#42a773
```
#42a773 rgb(66,167,115)
```
#4276a7
```
#4276a7 rgb(66,118,167)
```

Tetradic Color

#704d2c
```
#704d2c rgb(112,77,44)
```
#825a34
```
#825a34 rgb(130,90,52)
```
#95663b
```
#95663b rgb(149,102,59)
```
#a77342
```
#a77342 rgb(167,115,66)
```
#b8804b
```
#b8804b rgb(184,128,75)
```
#bf8d5d
```
#bf8d5d rgb(191,141,93)
```
#c6996f
```
#c6996f rgb(198,153,111)
```

Monochromatic Color

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

#a75a42
```
#a75a42 rgb(167,90,66)
```
#a76242
```
#a76242 rgb(167,98,66)
```
#a76b42
```
#a76b42 rgb(167,107,66)
```
#a77342
```
#a77342 rgb(167,115,66)
```
#a77b42
```
#a77b42 rgb(167,123,66)
```
#a78442
```
#a78442 rgb(167,132,66)
```
#a78c42
```
#a78c42 rgb(167,140,66)
```

Similar Colors

Text with hexadecimal color #a77342

This text has a font color of #a77342.

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

#a77342 background color

This paragraph has a background color of #a77342.

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

#a77342 border color

This element has a border color of #a77342.

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

CSS codes

.text {color:#a77342;}

.background {background-color:#a77342;}

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

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

#0c0905
```
#0c0905 rgb(12,9,5)
```
#1a120a
```
#1a120a rgb(26,18,10)
```
#281c10
```
#281c10 rgb(40,28,16)
```
#372616
```
#372616 rgb(55,38,22)
```
#452f1b
```
#452f1b rgb(69,47,27)
```
#533921
```
#533921 rgb(83,57,33)
```
#614326
```
#614326 rgb(97,67,38)
```
#6f4c2c
```
#6f4c2c rgb(111,76,44)
```
#7d5631
```
#7d5631 rgb(125,86,49)
```
#8b6037
```
#8b6037 rgb(139,96,55)
```
#99693c
```
#99693c rgb(153,105,60)
```
#a77342
```
#a77342 rgb(167,115,66)
```
#b57d48
```
#b57d48 rgb(181,125,72)
```

Shade Color Variation

#bc8755
```
#bc8755 rgb(188,135,85)
```
#c19163
```
#c19163 rgb(193,145,99)
```
#c79a71
```
#c79a71 rgb(199,154,113)
```
#cca47f
```
#cca47f rgb(204,164,127)
```
#d2ae8d
```
#d2ae8d rgb(210,174,141)
```
#d7b89b
```
#d7b89b rgb(215,184,155)
```
#ddc2a9
```
#ddc2a9 rgb(221,194,169)
```
#e3ccb7
```
#e3ccb7 rgb(227,204,183)
```
#e8d6c5
```
#e8d6c5 rgb(232,214,197)
```
#eee0d3
```
#eee0d3 rgb(238,224,211)
```
#f3eae1
```
#f3eae1 rgb(243,234,225)
```
#f9f4ef
```
#f9f4ef rgb(249,244,239)
```
#fefefd
```
#fefefd rgb(254,254,253)
```

Tint Color Variation

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

#7a746f
```
#7a746f rgb(122,116,111)
```
#837466
```
#837466 rgb(131,116,102)
```
#8c745d
```
#8c745d rgb(140,116,93)
```
#957454
```
#957454 rgb(149,116,84)
```
#9e734b
```
#9e734b rgb(158,115,75)
```
#a77342
```
#a77342 rgb(167,115,66)
```
#b07339
```
#b07339 rgb(176,115,57)
```
#b97230
```
#b97230 rgb(185,114,48)
```
#c27227
```
#c27227 rgb(194,114,39)
```
#cb721e
```
#cb721e rgb(203,114,30)
```
#d47215
```
#d47215 rgb(212,114,21)
```
#dd710c
```
#dd710c rgb(221,113,12)
```
#e67103
```
#e67103 rgb(230,113,3)
```

Tone Color Variation

Below, you can see how #a77342 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
#857b71 Atypical Achromatopsia 0.001% of the population

Dichromacy

#91844f Protanopia 1% of men
#a17e4a Deuteranopia 1% of men
#af747c Tritanopia 0.001% of the population

Trichromacy

#997e4a Protanomaly 1% of men, 0.01% of women
#a37a47 Deuteranomaly 6% of men, 0.4% of women
#ac7367 Tritanomaly 0.01% of the population

#a77342 hex color

#a77342 Color Information

#a77342 Color Conversion

Color Schemes with #a77342

Alternatives to #a77342

#a77342 Preview

Shades and Tints of #a77342

Tones of #a77342

Color Blindness Simulator