#a76c2a hex color

In a RGB color space, hex #a76c2a is composed of 65.5% red, 42.4% green and 16.5% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 35.3% magenta, 74.9% yellow and 34.5% black. It has a hue angle of 31.7 degrees, a saturation of 59.8% and a lightness of 41%. #a76c2a color hex could be obtained by blending #ffd854 with #4f0000. Closest websafe color is: #996633.

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

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

The hexadecimal color #a76c2a has RGB values of R:167, G:108, B:42 and CMYK values of C:0, M:0.35, Y:0.75, K:0.35. Its decimal value is 10972202.

Hex triplet	a76c2a	`#a76c2a`
RGB Decimal	167, 108, 42	`rgb(167,108,42)`
RGB Percent	65.5, 42.4, 16.5	`rgb(65.5%,42.4%,16.5%)`
CMYK	0, 35, 75, 35
HSL	31.7°, 59.8, 41	`hsl(31.7,59.8%,41%)`
HSV (or HSB)	31.7°, 74.9, 65.5
Web Safe	996633	`#996633`

CIE-LAB	50.815, 17.68, 44.866
XYZ	21.717, 19.109, 4.735
xyY	0.477, 0.419, 19.109
CIE-LCH	50.815, 48.224, 68.493
CIE-LUV	50.815, 47.213, 42.835
Hunter-Lab	43.714, 12.18, 24.178
Binary	10100111, 01101100, 00101010

#a76c2a
```
#a76c2a rgb(167,108,42)
```
#2a65a7
```
#2a65a7 rgb(42,101,167)
```

Complementary Color

#a72e2a
```
#a72e2a rgb(167,46,42)
```
#a76c2a
```
#a76c2a rgb(167,108,42)
```
#a4a72a
```
#a4a72a rgb(164,167,42)
```

Analogous Color

#2e2aa7
```
#2e2aa7 rgb(46,42,167)
```
#a76c2a
```
#a76c2a rgb(167,108,42)
```
#2aa4a7
```
#2aa4a7 rgb(42,164,167)
```

Split Complementary Color

#6c2aa7
```
#6c2aa7 rgb(108,42,167)
```
#a76c2a
```
#a76c2a rgb(167,108,42)
```
#2aa76c
```
#2aa76c rgb(42,167,108)
```

Triadic Color

#a72a65
```
#a72a65 rgb(167,42,101)
```
#a76c2a
```
#a76c2a rgb(167,108,42)
```
#2aa76c
```
#2aa76c rgb(42,167,108)
```
#2a65a7
```
#2a65a7 rgb(42,101,167)
```

Tetradic Color

#6a441b
```
#6a441b rgb(106,68,27)
```
#7e5220
```
#7e5220 rgb(126,82,32)
```
#935f25
```
#935f25 rgb(147,95,37)
```
#a76c2a
```
#a76c2a rgb(167,108,42)
```
#bb792f
```
#bb792f rgb(187,121,47)
```
#cd8637
```
#cd8637 rgb(205,134,55)
```
#d2934c
```
#d2934c rgb(210,147,76)
```

Monochromatic Color

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

#a74d2a
```
#a74d2a rgb(167,77,42)
```
#a7572a
```
#a7572a rgb(167,87,42)
```
#a7622a
```
#a7622a rgb(167,98,42)
```
#a76c2a
```
#a76c2a rgb(167,108,42)
```
#a7762a
```
#a7762a rgb(167,118,42)
```
#a7812a
```
#a7812a rgb(167,129,42)
```
#a78b2a
```
#a78b2a rgb(167,139,42)
```

Similar Colors

Text with hexadecimal color #a76c2a

This text has a font color of #a76c2a.

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

#a76c2a background color

This paragraph has a background color of #a76c2a.

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

#a76c2a border color

This element has a border color of #a76c2a.

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

CSS codes

.text {color:#a76c2a;}

.background {background-color:#a76c2a;}

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

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

#0a0703
```
#0a0703 rgb(10,7,3)
```
#1a1107
```
#1a1107 rgb(26,17,7)
```
#2a1b0a
```
#2a1b0a rgb(42,27,10)
```
#39250e
```
#39250e rgb(57,37,14)
```
#492f12
```
#492f12 rgb(73,47,18)
```
#593916
```
#593916 rgb(89,57,22)
```
#68431a
```
#68431a rgb(104,67,26)
```
#784e1e
```
#784e1e rgb(120,78,30)
```
#885822
```
#885822 rgb(136,88,34)
```
#976226
```
#976226 rgb(151,98,38)
```
#a76c2a
```
#a76c2a rgb(167,108,42)
```
#b7762e
```
#b7762e rgb(183,118,46)
```
#c68032
```
#c68032 rgb(198,128,50)
```

Shade Color Variation

#ce8a3e
```
#ce8a3e rgb(206,138,62)
```
#d2934d
```
#d2934d rgb(210,147,77)
```
#d69d5d
```
#d69d5d rgb(214,157,93)
```
#daa66d
```
#daa66d rgb(218,166,109)
```
#deb07c
```
#deb07c rgb(222,176,124)
```
#e2b98c
```
#e2b98c rgb(226,185,140)
```
#e6c39c
```
#e6c39c rgb(230,195,156)
```
#eaccab
```
#eaccab rgb(234,204,171)
```
#eed6bb
```
#eed6bb rgb(238,214,187)
```
#f2dfcb
```
#f2dfcb rgb(242,223,203)
```
#f6e9da
```
#f6e9da rgb(246,233,218)
```
#faf2ea
```
#faf2ea rgb(250,242,234)
```
#fefcfa
```
#fefcfa rgb(254,252,250)
```

Tint Color Variation

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

#6f6962
```
#6f6962 rgb(111,105,98)
```
#77695a
```
#77695a rgb(119,105,90)
```
#7f6a52
```
#7f6a52 rgb(127,106,82)
```
#876a4a
```
#876a4a rgb(135,106,74)
```
#8f6b42
```
#8f6b42 rgb(143,107,66)
```
#976b3a
```
#976b3a rgb(151,107,58)
```
#9f6c32
```
#9f6c32 rgb(159,108,50)
```
#a76c2a
```
#a76c2a rgb(167,108,42)
```
#af6c22
```
#af6c22 rgb(175,108,34)
```
#b76d1a
```
#b76d1a rgb(183,109,26)
```
#bf6d12
```
#bf6d12 rgb(191,109,18)
```
#c76e0a
```
#c76e0a rgb(199,110,10)
```
#cf6e02
```
#cf6e02 rgb(207,110,2)
```

Tone Color Variation

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

#767676 Achromatopsia 0.005% of the population
#807467 Atypical Achromatopsia 0.001% of the population

Dichromacy

#8d8038 Protanopia 1% of men
#9e7a32 Deuteranopia 1% of men
#af6d74 Tritanopia 0.001% of the population

Trichromacy

#967833 Protanomaly 1% of men, 0.01% of women
#a1742f Deuteranomaly 6% of men, 0.4% of women
#ac6c59 Tritanomaly 0.01% of the population

#a76c2a hex color

#a76c2a Color Information

#a76c2a Color Conversion

Color Schemes with #a76c2a

Alternatives to #a76c2a

#a76c2a Preview

Shades and Tints of #a76c2a

Tones of #a76c2a

Color Blindness Simulator