#a7682d hex color

In a RGB color space, hex #a7682d is composed of 65.5% red, 40.8% green and 17.6% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 37.7% magenta, 73.1% yellow and 34.5% black. It has a hue angle of 29 degrees, a saturation of 57.5% and a lightness of 41.6%. #a7682d color hex could be obtained by blending #ffd05a with #4f0000. Closest websafe color is: #996633.

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

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

The hexadecimal color #a7682d has RGB values of R:167, G:104, B:45 and CMYK values of C:0, M:0.38, Y:0.73, K:0.35. Its decimal value is 10971181.

Hex triplet	a7682d	`#a7682d`
RGB Decimal	167, 104, 45	`rgb(167,104,45)`
RGB Percent	65.5, 40.8, 17.6	`rgb(65.5%,40.8%,17.6%)`
CMYK	0, 38, 73, 35
HSL	29°, 57.5, 41.6	`hsl(29,57.5%,41.6%)`
HSV (or HSB)	29°, 73.1, 65.5
Web Safe	996633	`#996633`

CIE-LAB	49.867, 20.085, 42.467
XYZ	21.361, 18.307, 4.891
xyY	0.479, 0.411, 18.307
CIE-LCH	49.867, 46.977, 64.687
CIE-LUV	49.867, 50.056, 40.234
Hunter-Lab	42.787, 14.237, 23.173
Binary	10100111, 01101000, 00101101

#a7682d
```
#a7682d rgb(167,104,45)
```
#2d6ca7
```
#2d6ca7 rgb(45,108,167)
```

Complementary Color

#a72d2f
```
#a72d2f rgb(167,45,47)
```
#a7682d
```
#a7682d rgb(167,104,45)
```
#a7a52d
```
#a7a52d rgb(167,165,45)
```

Analogous Color

#2d2fa7
```
#2d2fa7 rgb(45,47,167)
```
#a7682d
```
#a7682d rgb(167,104,45)
```
#2da7a5
```
#2da7a5 rgb(45,167,165)
```

Split Complementary Color

#682da7
```
#682da7 rgb(104,45,167)
```
#a7682d
```
#a7682d rgb(167,104,45)
```
#2da768
```
#2da768 rgb(45,167,104)
```

Triadic Color

#a72d6c
```
#a72d6c rgb(167,45,108)
```
#a7682d
```
#a7682d rgb(167,104,45)
```
#2da768
```
#2da768 rgb(45,167,104)
```
#2d6ca7
```
#2d6ca7 rgb(45,108,167)
```

Tetradic Color

#6b421d
```
#6b421d rgb(107,66,29)
```
#7f4f22
```
#7f4f22 rgb(127,79,34)
```
#935b28
```
#935b28 rgb(147,91,40)
```
#a7682d
```
#a7682d rgb(167,104,45)
```
#bb7532
```
#bb7532 rgb(187,117,50)
```
#cb813c
```
#cb813c rgb(203,129,60)
```
#d08e51
```
#d08e51 rgb(208,142,81)
```

Monochromatic Color

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

#a74a2d
```
#a74a2d rgb(167,74,45)
```
#a7542d
```
#a7542d rgb(167,84,45)
```
#a75e2d
```
#a75e2d rgb(167,94,45)
```
#a7682d
```
#a7682d rgb(167,104,45)
```
#a7722d
```
#a7722d rgb(167,114,45)
```
#a77c2d
```
#a77c2d rgb(167,124,45)
```
#a7872d
```
#a7872d rgb(167,135,45)
```

Similar Colors

Text with hexadecimal color #a7682d

This text has a font color of #a7682d.

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

#a7682d background color

This paragraph has a background color of #a7682d.

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

#a7682d border color

This element has a border color of #a7682d.

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

CSS codes

.text {color:#a7682d;}

.background {background-color:#a7682d;}

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

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

#0c0803
```
#0c0803 rgb(12,8,3)
```
#1c1108
```
#1c1108 rgb(28,17,8)
```
#2b1b0c
```
#2b1b0c rgb(43,27,12)
```
#3b2510
```
#3b2510 rgb(59,37,16)
```
#4a2e14
```
#4a2e14 rgb(74,46,20)
```
#5a3818
```
#5a3818 rgb(90,56,24)
```
#69421c
```
#69421c rgb(105,66,28)
```
#794b21
```
#794b21 rgb(121,75,33)
```
#885525
```
#885525 rgb(136,85,37)
```
#985e29
```
#985e29 rgb(152,94,41)
```
#a7682d
```
#a7682d rgb(167,104,45)
```
#b67231
```
#b67231 rgb(182,114,49)
```
#c67b35
```
#c67b35 rgb(198,123,53)
```

Shade Color Variation

#cc8543
```
#cc8543 rgb(204,133,67)
```
#d08f52
```
#d08f52 rgb(208,143,82)
```
#d59962
```
#d59962 rgb(213,153,98)
```
#d9a371
```
#d9a371 rgb(217,163,113)
```
#ddad80
```
#ddad80 rgb(221,173,128)
```
#e1b790
```
#e1b790 rgb(225,183,144)
```
#e5c19f
```
#e5c19f rgb(229,193,159)
```
#e9cbaf
```
#e9cbaf rgb(233,203,175)
```
#eed5be
```
#eed5be rgb(238,213,190)
```
#f2dfce
```
#f2dfce rgb(242,223,206)
```
#f6e9dd
```
#f6e9dd rgb(246,233,221)
```
#faf3ed
```
#faf3ed rgb(250,243,237)
```
#fefdfc
```
#fefdfc rgb(254,253,252)
```

Tint Color Variation

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

#6e6a66
```
#6e6a66 rgb(110,106,102)
```
#766a5e
```
#766a5e rgb(118,106,94)
```
#7e6956
```
#7e6956 rgb(126,105,86)
```
#86694e
```
#86694e rgb(134,105,78)
```
#8f6945
```
#8f6945 rgb(143,105,69)
```
#97693d
```
#97693d rgb(151,105,61)
```
#9f6835
```
#9f6835 rgb(159,104,53)
```
#a7682d
```
#a7682d rgb(167,104,45)
```
#af6825
```
#af6825 rgb(175,104,37)
```
#b7671d
```
#b7671d rgb(183,103,29)
```
#bf6715
```
#bf6715 rgb(191,103,21)
```
#c8670c
```
#c8670c rgb(200,103,12)
```
#d06704
```
#d06704 rgb(208,103,4)
```

Tone Color Variation

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

#747474 Achromatopsia 0.005% of the population
#7e7266 Atypical Achromatopsia 0.001% of the population

Dichromacy

#8a7d3b Protanopia 1% of men
#9b7735 Deuteranopia 1% of men
#af6970 Tritanopia 0.001% of the population

Trichromacy

#957536 Protanomaly 1% of men, 0.01% of women
#9f7232 Deuteranomaly 6% of men, 0.4% of women
#ac6958 Tritanomaly 0.01% of the population

#a7682d hex color

#a7682d Color Information

#a7682d Color Conversion

Color Schemes with #a7682d

Alternatives to #a7682d

#a7682d Preview

Shades and Tints of #a7682d

Tones of #a7682d

Color Blindness Simulator