#a7681f hex color

In a RGB color space, hex #a7681f is composed of 65.5% red, 40.8% green and 12.2% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 37.7% magenta, 81.4% yellow and 34.5% black. It has a hue angle of 32.2 degrees, a saturation of 68.7% and a lightness of 38.8%. #a7681f color hex could be obtained by blending #ffd03e with #4f0000. Closest websafe color is: #996633.

♥
- f
- t
- g
- R 65
- G 41
- B 12
RGB color chart
- C 0
- M 38
- Y 81
- K 35
CMYK color chart

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

The hexadecimal color #a7681f has RGB values of R:167, G:104, B:31 and CMYK values of C:0, M:0.38, Y:0.81, K:0.35. Its decimal value is 10971167.

Hex triplet	a7681f	`#a7681f`
RGB Decimal	167, 104, 31	`rgb(167,104,31)`
RGB Percent	65.5, 40.8, 12.2	`rgb(65.5%,40.8%,12.2%)`
CMYK	0, 38, 81, 35
HSL	32.2°, 68.7, 38.8	`hsl(32.2,68.7%,38.8%)`
HSV (or HSB)	32.2°, 81.4, 65.5
Web Safe	996633	`#996633`

CIE-LAB	49.758, 19.477, 48.599
XYZ	21.135, 18.217, 3.699
xyY	0.491, 0.423, 18.217
CIE-LCH	49.758, 52.356, 68.161
CIE-LUV	49.758, 51.035, 44.216
Hunter-Lab	42.681, 13.697, 24.738
Binary	10100111, 01101000, 00011111

#a7681f
```
#a7681f rgb(167,104,31)
```
#1f5ea7
```
#1f5ea7 rgb(31,94,167)
```

Complementary Color

#a7241f
```
#a7241f rgb(167,36,31)
```
#a7681f
```
#a7681f rgb(167,104,31)
```
#a2a71f
```
#a2a71f rgb(162,167,31)
```

Analogous Color

#241fa7
```
#241fa7 rgb(36,31,167)
```
#a7681f
```
#a7681f rgb(167,104,31)
```
#1fa2a7
```
#1fa2a7 rgb(31,162,167)
```

Split Complementary Color

#681fa7
```
#681fa7 rgb(104,31,167)
```
#a7681f
```
#a7681f rgb(167,104,31)
```
#1fa768
```
#1fa768 rgb(31,167,104)
```

Triadic Color

#a71f5e
```
#a71f5e rgb(167,31,94)
```
#a7681f
```
#a7681f rgb(167,104,31)
```
#1fa768
```
#1fa768 rgb(31,167,104)
```
#1f5ea7
```
#1f5ea7 rgb(31,94,167)
```

Tetradic Color

#664013
```
#664013 rgb(102,64,19)
```
#7c4d17
```
#7c4d17 rgb(124,77,23)
```
#915b1b
```
#915b1b rgb(145,91,27)
```
#a7681f
```
#a7681f rgb(167,104,31)
```
#bd7523
```
#bd7523 rgb(189,117,35)
```
#d28327
```
#d28327 rgb(210,131,39)
```
#da8f38
```
#da8f38 rgb(218,143,56)
```

Monochromatic Color

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

#a7461f
```
#a7461f rgb(167,70,31)
```
#a7511f
```
#a7511f rgb(167,81,31)
```
#a75d1f
```
#a75d1f rgb(167,93,31)
```
#a7681f
```
#a7681f rgb(167,104,31)
```
#a7731f
```
#a7731f rgb(167,115,31)
```
#a77f1f
```
#a77f1f rgb(167,127,31)
```
#a78a1f
```
#a78a1f rgb(167,138,31)
```

Similar Colors

Text with hexadecimal color #a7681f

This text has a font color of #a7681f.

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

#a7681f background color

This paragraph has a background color of #a7681f.

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

#a7681f border color

This element has a border color of #a7681f.

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

CSS codes

.text {color:#a7681f;}

.background {background-color:#a7681f;}

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

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

#020100
```
#020100 rgb(2,1,0)
```
#120b03
```
#120b03 rgb(18,11,3)
```
#231606
```
#231606 rgb(35,22,6)
```
#33200a
```
#33200a rgb(51,32,10)
```
#442a0d
```
#442a0d rgb(68,42,13)
```
#543410
```
#543410 rgb(84,52,16)
```
#653f13
```
#653f13 rgb(101,63,19)
```
#754916
```
#754916 rgb(117,73,22)
```
#865319
```
#865319 rgb(134,83,25)
```
#965e1c
```
#965e1c rgb(150,94,28)
```
#a7681f
```
#a7681f rgb(167,104,31)
```
#b87222
```
#b87222 rgb(184,114,34)
```
#c87d25
```
#c87d25 rgb(200,125,37)
```

Shade Color Variation

#d78729
```
#d78729 rgb(215,135,41)
```
#da903a
```
#da903a rgb(218,144,58)
```
#de994b
```
#de994b rgb(222,153,75)
```
#e1a35b
```
#e1a35b rgb(225,163,91)
```
#e4ac6c
```
#e4ac6c rgb(228,172,108)
```
#e7b57c
```
#e7b57c rgb(231,181,124)
```
#eabf8d
```
#eabf8d rgb(234,191,141)
```
#edc89d
```
#edc89d rgb(237,200,157)
```
#f0d1ae
```
#f0d1ae rgb(240,209,174)
```
#f3dbbe
```
#f3dbbe rgb(243,219,190)
```
#f6e4cf
```
#f6e4cf rgb(246,228,207)
```
#f9eddf
```
#f9eddf rgb(249,237,223)
```
#fcf7f0
```
#fcf7f0 rgb(252,247,240)
```

Tint Color Variation

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

#6a645c
```
#6a645c rgb(106,100,92)
```
#726454
```
#726454 rgb(114,100,84)
```
#79654d
```
#79654d rgb(121,101,77)
```
#816545
```
#816545 rgb(129,101,69)
```
#89663d
```
#89663d rgb(137,102,61)
```
#906636
```
#906636 rgb(144,102,54)
```
#98672e
```
#98672e rgb(152,103,46)
```
#9f6727
```
#9f6727 rgb(159,103,39)
```
#a7681f
```
#a7681f rgb(167,104,31)
```
#af6917
```
#af6917 rgb(175,105,23)
```
#b66910
```
#b66910 rgb(182,105,16)
```
#be6a08
```
#be6a08 rgb(190,106,8)
```
#c56a01
```
#c56a01 rgb(197,106,1)
```

Tone Color Variation

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

#737373 Achromatopsia 0.005% of the population
#7d7162 Atypical Achromatopsia 0.001% of the population

Dichromacy

#8b7d2e Protanopia 1% of men
#9b7727 Deuteranopia 1% of men
#af6970 Tritanopia 0.001% of the population

Trichromacy

#957528 Protanomaly 1% of men, 0.01% of women
#9f7124 Deuteranomaly 6% of men, 0.4% of women
#ac6852 Tritanomaly 0.01% of the population

#a7681f hex color

#a7681f Color Information

#a7681f Color Conversion

Color Schemes with #a7681f

Alternatives to #a7681f

#a7681f Preview

Shades and Tints of #a7681f

Tones of #a7681f

Color Blindness Simulator