#af684d hex color

In a RGB color space, hex #af684d is composed of 68.6% red, 40.8% green and 30.2% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 40.6% magenta, 56% yellow and 31.4% black. It has a hue angle of 16.5 degrees, a saturation of 38.9% and a lightness of 49.4%. #af684d color hex could be obtained by blending #ffd09a with #5f0000. Closest websafe color is: #996666.

♥
- f
- t
- g
- R 69
- G 41
- B 30
RGB color chart
- C 0
- M 41
- Y 56
- K 31
CMYK color chart

● #af684d color description : Dark moderate orange.

The hexadecimal color #af684d has RGB values of R:175, G:104, B:77 and CMYK values of C:0, M:0.41, Y:0.56, K:0.31. Its decimal value is 11495501.

Hex triplet	af684d	`#af684d`
RGB Decimal	175, 104, 77	`rgb(175,104,77)`
RGB Percent	68.6, 40.8, 30.2	`rgb(68.6%,40.8%,30.2%)`
CMYK	0, 41, 56, 31
HSL	16.5°, 38.9, 49.4	`hsl(16.5,38.9%,49.4%)`
HSV (or HSB)	16.5°, 56, 68.6
Web Safe	996666	`#996666`

CIE-LAB	51.327, 25.693, 27.275
XYZ	23.97, 19.552, 9.532
xyY	0.452, 0.369, 19.552
CIE-LCH	51.327, 37.471, 46.71
CIE-LUV	51.327, 52.97, 27.002
Hunter-Lab	44.218, 19.38, 18.171
Binary	10101111, 01101000, 01001101

#af684d
```
#af684d rgb(175,104,77)
```
#4d94af
```
#4d94af rgb(77,148,175)
```

Complementary Color

#af4d63
```
#af4d63 rgb(175,77,99)
```
#af684d
```
#af684d rgb(175,104,77)
```
#af994d
```
#af994d rgb(175,153,77)
```

Analogous Color

#4d63af
```
#4d63af rgb(77,99,175)
```
#af684d
```
#af684d rgb(175,104,77)
```
#4daf99
```
#4daf99 rgb(77,175,153)
```

Split Complementary Color

#684daf
```
#684daf rgb(104,77,175)
```
#af684d
```
#af684d rgb(175,104,77)
```
#4daf68
```
#4daf68 rgb(77,175,104)
```

Triadic Color

#af4d94
```
#af4d94 rgb(175,77,148)
```
#af684d
```
#af684d rgb(175,104,77)
```
#4daf68
```
#4daf68 rgb(77,175,104)
```
#4d94af
```
#4d94af rgb(77,148,175)
```

Tetradic Color

#7a4836
```
#7a4836 rgb(122,72,54)
```
#8c533d
```
#8c533d rgb(140,83,61)
```
#9d5d45
```
#9d5d45 rgb(157,93,69)
```
#af684d
```
#af684d rgb(175,104,77)
```
#b8765e
```
#b8765e rgb(184,118,94)
```
#c0856f
```
#c0856f rgb(192,133,111)
```
#c89481
```
#c89481 rgb(200,148,129)
```

Monochromatic Color

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

#af504d
```
#af504d rgb(175,80,77)
```
#af584d
```
#af584d rgb(175,88,77)
```
#af604d
```
#af604d rgb(175,96,77)
```
#af684d
```
#af684d rgb(175,104,77)
```
#af704d
```
#af704d rgb(175,112,77)
```
#af784d
```
#af784d rgb(175,120,77)
```
#af814d
```
#af814d rgb(175,129,77)
```

Similar Colors

Text with hexadecimal color #af684d

This text has a font color of #af684d.

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

#af684d background color

This paragraph has a background color of #af684d.

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

#af684d border color

This element has a border color of #af684d.

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

CSS codes

.text {color:#af684d;}

.background {background-color:#af684d;}

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

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

#0c0705
```
#0c0705 rgb(12,7,5)
```
#190f0b
```
#190f0b rgb(25,15,11)
```
#271711
```
#271711 rgb(39,23,17)
```
#341f17
```
#341f17 rgb(52,31,23)
```
#42271d
```
#42271d rgb(66,39,29)
```
#502f23
```
#502f23 rgb(80,47,35)
```
#5d3729
```
#5d3729 rgb(93,55,41)
```
#6b402f
```
#6b402f rgb(107,64,47)
```
#794835
```
#794835 rgb(121,72,53)
```
#86503b
```
#86503b rgb(134,80,59)
```
#945841
```
#945841 rgb(148,88,65)
```
#a16047
```
#a16047 rgb(161,96,71)
```
#af684d
```
#af684d rgb(175,104,77)
```

Shade Color Variation

#b67359
```
#b67359 rgb(182,115,89)
```
#bc7f67
```
#bc7f67 rgb(188,127,103)
```
#c28a75
```
#c28a75 rgb(194,138,117)
```
#c89682
```
#c89682 rgb(200,150,130)
```
#cea190
```
#cea190 rgb(206,161,144)
```
#d4ad9e
```
#d4ad9e rgb(212,173,158)
```
#dab8ab
```
#dab8ab rgb(218,184,171)
```
#e0c4b9
```
#e0c4b9 rgb(224,196,185)
```
#e6cfc6
```
#e6cfc6 rgb(230,207,198)
```
#ecdbd4
```
#ecdbd4 rgb(236,219,212)
```
#f2e6e2
```
#f2e6e2 rgb(242,230,226)
```
#f8f2ef
```
#f8f2ef rgb(248,242,239)
```
#fefdfd
```
#fefdfd rgb(254,253,253)
```

Tint Color Variation

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

#7f7e7d
```
#7f7e7d rgb(127,126,125)
```
#887974
```
#887974 rgb(136,121,116)
```
#92756a
```
#92756a rgb(146,117,106)
```
#9c7160
```
#9c7160 rgb(156,113,96)
```
#a56c57
```
#a56c57 rgb(165,108,87)
```
#af684d
```
#af684d rgb(175,104,77)
```
#b96443
```
#b96443 rgb(185,100,67)
```
#c25f3a
```
#c25f3a rgb(194,95,58)
```
#cc5b30
```
#cc5b30 rgb(204,91,48)
```
#d65726
```
#d65726 rgb(214,87,38)
```
#df521d
```
#df521d rgb(223,82,29)
```
#e94e13
```
#e94e13 rgb(233,78,19)
```
#f34a09
```
#f34a09 rgb(243,74,9)
```

Tone Color Variation

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

#7a7a7a Achromatopsia 0.005% of the population
#857671 Atypical Achromatopsia 0.001% of the population

Dichromacy

#8b815c Protanopia 1% of men
#9b7b53 Deuteranopia 1% of men
#b56b73 Tritanopia 0.001% of the population

Trichromacy

#987757 Protanomaly 1% of men, 0.01% of women
#a27450 Deuteranomaly 6% of men, 0.4% of women
#b36a65 Tritanomaly 0.01% of the population

#af684d hex color

#af684d Color Information

#af684d Color Conversion

Color Schemes with #af684d

Alternatives to #af684d

#af684d Preview

Shades and Tints of #af684d

Tones of #af684d

Color Blindness Simulator