#a7742f hex color

In a RGB color space, hex #a7742f is composed of 65.5% red, 45.5% green and 18.4% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 30.5% magenta, 71.9% yellow and 34.5% black. It has a hue angle of 34.5 degrees, a saturation of 56.1% and a lightness of 42%. #a7742f color hex could be obtained by blending #ffe85e with #4f0000. Closest websafe color is: #996633.

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

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

The hexadecimal color #a7742f has RGB values of R:167, G:116, B:47 and CMYK values of C:0, M:0.31, Y:0.72, K:0.35. Its decimal value is 10974255.

Hex triplet	a7742f	`#a7742f`
RGB Decimal	167, 116, 47	`rgb(167,116,47)`
RGB Percent	65.5, 45.5, 18.4	`rgb(65.5%,45.5%,18.4%)`
CMYK	0, 31, 72, 35
HSL	34.5°, 56.1, 42	`hsl(34.5,56.1%,42%)`
HSV (or HSB)	34.5°, 71.9, 65.5
Web Safe	996633	`#996633`

CIE-LAB	52.854, 13.411, 44.646
XYZ	22.695, 20.913, 5.53
xyY	0.462, 0.426, 20.913
CIE-LCH	52.854, 46.617, 73.28
CIE-LUV	52.854, 40.776, 44.582
Hunter-Lab	45.731, 8.558, 24.841
Binary	10100111, 01110100, 00101111

#a7742f
```
#a7742f rgb(167,116,47)
```
#2f62a7
```
#2f62a7 rgb(47,98,167)
```

Complementary Color

#a7382f
```
#a7382f rgb(167,56,47)
```
#a7742f
```
#a7742f rgb(167,116,47)
```
#9ea72f
```
#9ea72f rgb(158,167,47)
```

Analogous Color

#382fa7
```
#382fa7 rgb(56,47,167)
```
#a7742f
```
#a7742f rgb(167,116,47)
```
#2f9ea7
```
#2f9ea7 rgb(47,158,167)
```

Split Complementary Color

#742fa7
```
#742fa7 rgb(116,47,167)
```
#a7742f
```
#a7742f rgb(167,116,47)
```
#2fa774
```
#2fa774 rgb(47,167,116)
```

Triadic Color

#a72f62
```
#a72f62 rgb(167,47,98)
```
#a7742f
```
#a7742f rgb(167,116,47)
```
#2fa774
```
#2fa774 rgb(47,167,116)
```
#2f62a7
```
#2f62a7 rgb(47,98,167)
```

Tetradic Color

#6b4b1e
```
#6b4b1e rgb(107,75,30)
```
#7f5824
```
#7f5824 rgb(127,88,36)
```
#936629
```
#936629 rgb(147,102,41)
```
#a7742f
```
#a7742f rgb(167,116,47)
```
#bb8235
```
#bb8235 rgb(187,130,53)
```
#c98f40
```
#c98f40 rgb(201,143,64)
```
#cf9a54
```
#cf9a54 rgb(207,154,84)
```

Monochromatic Color

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

#a7562f
```
#a7562f rgb(167,86,47)
```
#a7602f
```
#a7602f rgb(167,96,47)
```
#a76a2f
```
#a76a2f rgb(167,106,47)
```
#a7742f
```
#a7742f rgb(167,116,47)
```
#a77e2f
```
#a77e2f rgb(167,126,47)
```
#a7882f
```
#a7882f rgb(167,136,47)
```
#a7922f
```
#a7922f rgb(167,146,47)
```

Similar Colors

Text with hexadecimal color #a7742f

This text has a font color of #a7742f.

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

#a7742f background color

This paragraph has a background color of #a7742f.

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

#a7742f border color

This element has a border color of #a7742f.

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

CSS codes

.text {color:#a7742f;}

.background {background-color:#a7742f;}

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

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

#0e0a04
```
#0e0a04 rgb(14,10,4)
```
#1d1408
```
#1d1408 rgb(29,20,8)
```
#2d1f0d
```
#2d1f0d rgb(45,31,13)
```
#3c2a11
```
#3c2a11 rgb(60,42,17)
```
#4b3415
```
#4b3415 rgb(75,52,21)
```
#5a3f19
```
#5a3f19 rgb(90,63,25)
```
#6a491e
```
#6a491e rgb(106,73,30)
```
#795422
```
#795422 rgb(121,84,34)
```
#885f26
```
#885f26 rgb(136,95,38)
```
#98692b
```
#98692b rgb(152,105,43)
```
#a7742f
```
#a7742f rgb(167,116,47)
```
#b67f33
```
#b67f33 rgb(182,127,51)
```
#c68938
```
#c68938 rgb(198,137,56)
```

Shade Color Variation

#cb9246
```
#cb9246 rgb(203,146,70)
```
#cf9b55
```
#cf9b55 rgb(207,155,85)
```
#d4a465
```
#d4a465 rgb(212,164,101)
```
#d8ad74
```
#d8ad74 rgb(216,173,116)
```
#dcb683
```
#dcb683 rgb(220,182,131)
```
#e0bf92
```
#e0bf92 rgb(224,191,146)
```
#e5c8a2
```
#e5c8a2 rgb(229,200,162)
```
#e9d1b1
```
#e9d1b1 rgb(233,209,177)
```
#eddac0
```
#eddac0 rgb(237,218,192)
```
#f2e3d0
```
#f2e3d0 rgb(242,227,208)
```
#f6ecdf
```
#f6ecdf rgb(246,236,223)
```
#faf5ee
```
#faf5ee rgb(250,245,238)
```
#fffefe
```
#fffefe rgb(255,254,254)
```

Tint Color Variation

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

#6d6b69
```
#6d6b69 rgb(109,107,105)
```
#766d60
```
#766d60 rgb(118,109,96)
```
#7e6e58
```
#7e6e58 rgb(126,110,88)
```
#866f50
```
#866f50 rgb(134,111,80)
```
#8e7048
```
#8e7048 rgb(142,112,72)
```
#97723f
```
#97723f rgb(151,114,63)
```
#9f7337
```
#9f7337 rgb(159,115,55)
```
#a7742f
```
#a7742f rgb(167,116,47)
```
#af7527
```
#af7527 rgb(175,117,39)
```
#b7761f
```
#b7761f rgb(183,118,31)
```
#c07816
```
#c07816 rgb(192,120,22)
```
#c8790e
```
#c8790e rgb(200,121,14)
```
#d07a06
```
#d07a06 rgb(208,122,6)
```

Tone Color Variation

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

Dichromacy

#93853c Protanopia 1% of men
#a37e38 Deuteranopia 1% of men
#b0747c Tritanopia 0.001% of the population

Trichromacy

#9a7e37 Protanomaly 1% of men, 0.01% of women
#a47a35 Deuteranomaly 6% of men, 0.4% of women
#ac7460 Tritanomaly 0.01% of the population

#a7742f hex color

#a7742f Color Information

#a7742f Color Conversion

Color Schemes with #a7742f

Alternatives to #a7742f

#a7742f Preview

Shades and Tints of #a7742f

Tones of #a7742f

Color Blindness Simulator