#a7742d hex color

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

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

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

The hexadecimal color #a7742d has RGB values of R:167, G:116, B:45 and CMYK values of C:0, M:0.31, Y:0.73, K:0.35. Its decimal value is 10974253.

Hex triplet	a7742d	`#a7742d`
RGB Decimal	167, 116, 45	`rgb(167,116,45)`
RGB Percent	65.5, 45.5, 17.6	`rgb(65.5%,45.5%,17.6%)`
CMYK	0, 31, 73, 35
HSL	34.9°, 57.5, 41.6	`hsl(34.9,57.5%,41.6%)`
HSV (or HSB)	34.9°, 73.1, 65.5
Web Safe	996633	`#996633`

CIE-LAB	52.837, 13.306, 45.555
XYZ	22.656, 20.897, 5.323
xyY	0.464, 0.428, 20.897
CIE-LCH	52.837, 47.458, 73.718
CIE-LUV	52.837, 40.906, 45.225
Hunter-Lab	45.713, 8.467, 25.096
Binary	10100111, 01110100, 00101101

#a7742d
```
#a7742d rgb(167,116,45)
```
#2d60a7
```
#2d60a7 rgb(45,96,167)
```

Complementary Color

#a7372d
```
#a7372d rgb(167,55,45)
```
#a7742d
```
#a7742d rgb(167,116,45)
```
#9da72d
```
#9da72d rgb(157,167,45)
```

Analogous Color

#372da7
```
#372da7 rgb(55,45,167)
```
#a7742d
```
#a7742d rgb(167,116,45)
```
#2d9da7
```
#2d9da7 rgb(45,157,167)
```

Split Complementary Color

#742da7
```
#742da7 rgb(116,45,167)
```
#a7742d
```
#a7742d rgb(167,116,45)
```
#2da774
```
#2da774 rgb(45,167,116)
```

Triadic Color

#a72d60
```
#a72d60 rgb(167,45,96)
```
#a7742d
```
#a7742d rgb(167,116,45)
```
#2da774
```
#2da774 rgb(45,167,116)
```
#2d60a7
```
#2d60a7 rgb(45,96,167)
```

Tetradic Color

#6b4a1d
```
#6b4a1d rgb(107,74,29)
```
#7f5822
```
#7f5822 rgb(127,88,34)
```
#936628
```
#936628 rgb(147,102,40)
```
#a7742d
```
#a7742d rgb(167,116,45)
```
#bb8232
```
#bb8232 rgb(187,130,50)
```
#cb8f3c
```
#cb8f3c rgb(203,143,60)
```
#d09b51
```
#d09b51 rgb(208,155,81)
```

Monochromatic Color

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

#a7562d
```
#a7562d rgb(167,86,45)
```
#a7602d
```
#a7602d rgb(167,96,45)
```
#a76a2d
```
#a76a2d rgb(167,106,45)
```
#a7742d
```
#a7742d rgb(167,116,45)
```
#a77e2d
```
#a77e2d rgb(167,126,45)
```
#a7882d
```
#a7882d rgb(167,136,45)
```
#a7932d
```
#a7932d rgb(167,147,45)
```

Similar Colors

Text with hexadecimal color #a7742d

This text has a font color of #a7742d.

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

#a7742d background color

This paragraph has a background color of #a7742d.

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

#a7742d border color

This element has a border color of #a7742d.

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

CSS codes

.text {color:#a7742d;}

.background {background-color:#a7742d;}

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

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

#0c0903
```
#0c0903 rgb(12,9,3)
```
#1c1308
```
#1c1308 rgb(28,19,8)
```
#2b1e0c
```
#2b1e0c rgb(43,30,12)
```
#3b2910
```
#3b2910 rgb(59,41,16)
```
#4a3414
```
#4a3414 rgb(74,52,20)
```
#5a3e18
```
#5a3e18 rgb(90,62,24)
```
#69491c
```
#69491c rgb(105,73,28)
```
#795421
```
#795421 rgb(121,84,33)
```
#885f25
```
#885f25 rgb(136,95,37)
```
#986929
```
#986929 rgb(152,105,41)
```
#a7742d
```
#a7742d rgb(167,116,45)
```
#b67f31
```
#b67f31 rgb(182,127,49)
```
#c68935
```
#c68935 rgb(198,137,53)
```

Shade Color Variation

#cc9343
```
#cc9343 rgb(204,147,67)
```
#d09c52
```
#d09c52 rgb(208,156,82)
```
#d5a462
```
#d5a462 rgb(213,164,98)
```
#d9ad71
```
#d9ad71 rgb(217,173,113)
```
#ddb680
```
#ddb680 rgb(221,182,128)
```
#e1bf90
```
#e1bf90 rgb(225,191,144)
```
#e5c89f
```
#e5c89f rgb(229,200,159)
```
#e9d1af
```
#e9d1af rgb(233,209,175)
```
#eedabe
```
#eedabe rgb(238,218,190)
```
#f2e3ce
```
#f2e3ce rgb(242,227,206)
```
#f6ecdd
```
#f6ecdd rgb(246,236,221)
```
#faf4ed
```
#faf4ed rgb(250,244,237)
```
#fefdfc
```
#fefdfc rgb(254,253,252)
```

Tint Color Variation

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

#6e6b66
```
#6e6b66 rgb(110,107,102)
```
#766c5e
```
#766c5e rgb(118,108,94)
```
#7e6d56
```
#7e6d56 rgb(126,109,86)
```
#866f4e
```
#866f4e rgb(134,111,78)
```
#8f7045
```
#8f7045 rgb(143,112,69)
```
#97713d
```
#97713d rgb(151,113,61)
```
#9f7335
```
#9f7335 rgb(159,115,53)
```
#a7742d
```
#a7742d rgb(167,116,45)
```
#af7525
```
#af7525 rgb(175,117,37)
```
#b7771d
```
#b7771d rgb(183,119,29)
```
#bf7815
```
#bf7815 rgb(191,120,21)
```
#c8790c
```
#c8790c rgb(200,121,12)
```
#d07b04
```
#d07b04 rgb(208,123,4)
```

Tone Color Variation

Below, you can see how #a7742d 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
#847a6b Atypical Achromatopsia 0.001% of the population

Dichromacy

#93843a Protanopia 1% of men
#a37e36 Deuteranopia 1% of men
#b0747c Tritanopia 0.001% of the population

Trichromacy

#9a7e35 Protanomaly 1% of men, 0.01% of women
#a57a33 Deuteranomaly 6% of men, 0.4% of women
#ac745f Tritanomaly 0.01% of the population

#a7742d hex color

#a7742d Color Information

#a7742d Color Conversion

Color Schemes with #a7742d

Alternatives to #a7742d

#a7742d Preview

Shades and Tints of #a7742d

Tones of #a7742d

Color Blindness Simulator