#af7746 hex color

In a RGB color space, hex #af7746 is composed of 68.6% red, 46.7% green and 27.5% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 32% magenta, 60% yellow and 31.4% black. It has a hue angle of 28 degrees, a saturation of 42.9% and a lightness of 48%. #af7746 color hex could be obtained by blending #ffee8c with #5f0000. Closest websafe color is: #996633.

♥
- f
- t
- g
- R 69
- G 47
- B 27
RGB color chart
- C 0
- M 32
- Y 60
- K 31
CMYK color chart

● #af7746 color description : Dark moderate orange.

The hexadecimal color #af7746 has RGB values of R:175, G:119, B:70 and CMYK values of C:0, M:0.32, Y:0.6, K:0.31. Its decimal value is 11499334.

Hex triplet	af7746	`#af7746`
RGB Decimal	175, 119, 70	`rgb(175,119,70)`
RGB Percent	68.6, 46.7, 27.5	`rgb(68.6%,46.7%,27.5%)`
CMYK	0, 32, 60, 31
HSL	28°, 42.9, 48	`hsl(28,42.9%,48%)`
HSV (or HSB)	28°, 60, 68.6
Web Safe	996633	`#996633`

CIE-LAB	54.815, 16.744, 35.465
XYZ	25.382, 22.751, 8.849
xyY	0.445, 0.399, 22.751
CIE-LCH	54.815, 39.219, 64.727
CIE-LUV	54.815, 43.02, 37.358
Hunter-Lab	47.698, 11.514, 22.39
Binary	10101111, 01110111, 01000110

#af7746
```
#af7746 rgb(175,119,70)
```
#467eaf
```
#467eaf rgb(70,126,175)
```

Complementary Color

#af464a
```
#af464a rgb(175,70,74)
```
#af7746
```
#af7746 rgb(175,119,70)
```
#afac46
```
#afac46 rgb(175,172,70)
```

Analogous Color

#464aaf
```
#464aaf rgb(70,74,175)
```
#af7746
```
#af7746 rgb(175,119,70)
```
#46afac
```
#46afac rgb(70,175,172)
```

Split Complementary Color

#7746af
```
#7746af rgb(119,70,175)
```
#af7746
```
#af7746 rgb(175,119,70)
```
#46af77
```
#46af77 rgb(70,175,119)
```

Triadic Color

#af467e
```
#af467e rgb(175,70,126)
```
#af7746
```
#af7746 rgb(175,119,70)
```
#46af77
```
#46af77 rgb(70,175,119)
```
#467eaf
```
#467eaf rgb(70,126,175)
```

Tetradic Color

#785230
```
#785230 rgb(120,82,48)
```
#8b5e37
```
#8b5e37 rgb(139,94,55)
```
#9d6b3f
```
#9d6b3f rgb(157,107,63)
```
#af7746
```
#af7746 rgb(175,119,70)
```
#bb8454
```
#bb8454 rgb(187,132,84)
```
#c29166
```
#c29166 rgb(194,145,102)
```
#c99e78
```
#c99e78 rgb(201,158,120)
```

Monochromatic Color

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

#af5d46
```
#af5d46 rgb(175,93,70)
```
#af6646
```
#af6646 rgb(175,102,70)
```
#af6e46
```
#af6e46 rgb(175,110,70)
```
#af7746
```
#af7746 rgb(175,119,70)
```
#af8046
```
#af8046 rgb(175,128,70)
```
#af8946
```
#af8946 rgb(175,137,70)
```
#af9146
```
#af9146 rgb(175,145,70)
```

Similar Colors

Text with hexadecimal color #af7746

This text has a font color of #af7746.

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

#af7746 background color

This paragraph has a background color of #af7746.

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

#af7746 border color

This element has a border color of #af7746.

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

CSS codes

.text {color:#af7746;}

.background {background-color:#af7746;}

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

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

#070503
```
#070503 rgb(7,5,3)
```
#150e08
```
#150e08 rgb(21,14,8)
```
#23180e
```
#23180e rgb(35,24,14)
```
#312114
```
#312114 rgb(49,33,20)
```
#3f2b19
```
#3f2b19 rgb(63,43,25)
```
#4d341f
```
#4d341f rgb(77,52,31)
```
#5b3e24
```
#5b3e24 rgb(91,62,36)
```
#69472a
```
#69472a rgb(105,71,42)
```
#775130
```
#775130 rgb(119,81,48)
```
#855a35
```
#855a35 rgb(133,90,53)
```
#93643b
```
#93643b rgb(147,100,59)
```
#a16d40
```
#a16d40 rgb(161,109,64)
```
#af7746
```
#af7746 rgb(175,119,70)
```

Shade Color Variation

#b98150
```
#b98150 rgb(185,129,80)
```
#be8b5e
```
#be8b5e rgb(190,139,94)
```
#c4956c
```
#c4956c rgb(196,149,108)
```
#ca9f7a
```
#ca9f7a rgb(202,159,122)
```
#cfa988
```
#cfa988 rgb(207,169,136)
```
#d5b396
```
#d5b396 rgb(213,179,150)
```
#dbbda4
```
#dbbda4 rgb(219,189,164)
```
#e0c7b2
```
#e0c7b2 rgb(224,199,178)
```
#e6d2c0
```
#e6d2c0 rgb(230,210,192)
```
#ebdcce
```
#ebdcce rgb(235,220,206)
```
#f1e6dc
```
#f1e6dc rgb(241,230,220)
```
#f7f0ea
```
#f7f0ea rgb(247,240,234)
```
#fcfaf8
```
#fcfaf8 rgb(252,250,248)
```

Tint Color Variation

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

#807a75
```
#807a75 rgb(128,122,117)
```
#897a6c
```
#897a6c rgb(137,122,108)
```
#937962
```
#937962 rgb(147,121,98)
```
#9c7859
```
#9c7859 rgb(156,120,89)
```
#a6784f
```
#a6784f rgb(166,120,79)
```
#af7746
```
#af7746 rgb(175,119,70)
```
#b8763d
```
#b8763d rgb(184,118,61)
```
#c27633
```
#c27633 rgb(194,118,51)
```
#cb752a
```
#cb752a rgb(203,117,42)
```
#d57420
```
#d57420 rgb(213,116,32)
```
#de7417
```
#de7417 rgb(222,116,23)
```
#e8730d
```
#e8730d rgb(232,115,13)
```
#f17304
```
#f17304 rgb(241,115,4)
```

Tone Color Variation

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

#828282 Achromatopsia 0.005% of the population
#8b8076 Atypical Achromatopsia 0.001% of the population

Dichromacy

#968953 Protanopia 1% of men
#a7834d Deuteranopia 1% of men
#b77880 Tritanopia 0.001% of the population

Trichromacy

#9f824e Protanomaly 1% of men, 0.01% of women
#a97f4b Deuteranomaly 6% of men, 0.4% of women
#b4776b Tritanomaly 0.01% of the population

#af7746 hex color

#af7746 Color Information

#af7746 Color Conversion

Color Schemes with #af7746

Alternatives to #af7746

#af7746 Preview

Shades and Tints of #af7746

Tones of #af7746

Color Blindness Simulator