#af684c hex color

In a RGB color space, hex #af684c is composed of 68.6% red, 40.8% green and 29.8% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 40.6% magenta, 56.6% yellow and 31.4% black. It has a hue angle of 17 degrees, a saturation of 39.4% and a lightness of 49.2%. #af684c color hex could be obtained by blending #ffd098 with #5f0000. Closest websafe color is: #996633.

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

● #af684c color description : Dark moderate orange.

The hexadecimal color #af684c has RGB values of R:175, G:104, B:76 and CMYK values of C:0, M:0.41, Y:0.57, K:0.31. Its decimal value is 11495500.

Hex triplet	af684c	`#af684c`
RGB Decimal	175, 104, 76	`rgb(175,104,76)`
RGB Percent	68.6, 40.8, 29.8	`rgb(68.6%,40.8%,29.8%)`
CMYK	0, 41, 57, 31
HSL	17°, 39.4, 49.2	`hsl(17,39.4%,49.2%)`
HSV (or HSB)	17°, 56.6, 68.6
Web Safe	996633	`#996633`

CIE-LAB	51.311, 25.608, 27.824
XYZ	23.934, 19.538, 9.348
xyY	0.453, 0.37, 19.538
CIE-LCH	51.311, 37.815, 47.374
CIE-LUV	51.311, 53.111, 27.536
Hunter-Lab	44.202, 19.301, 18.403
Binary	10101111, 01101000, 01001100

#af684c
```
#af684c rgb(175,104,76)
```
#4c93af
```
#4c93af rgb(76,147,175)
```

Complementary Color

#af4c61
```
#af4c61 rgb(175,76,97)
```
#af684c
```
#af684c rgb(175,104,76)
```
#af9a4c
```
#af9a4c rgb(175,154,76)
```

Analogous Color

#4c62af
```
#4c62af rgb(76,98,175)
```
#af684c
```
#af684c rgb(175,104,76)
```
#4caf9a
```
#4caf9a rgb(76,175,154)
```

Split Complementary Color

#684caf
```
#684caf rgb(104,76,175)
```
#af684c
```
#af684c rgb(175,104,76)
```
#4caf68
```
#4caf68 rgb(76,175,104)
```

Triadic Color

#af4c93
```
#af4c93 rgb(175,76,147)
```
#af684c
```
#af684c rgb(175,104,76)
```
#4caf68
```
#4caf68 rgb(76,175,104)
```
#4c93af
```
#4c93af rgb(76,147,175)
```

Tetradic Color

#7a4835
```
#7a4835 rgb(122,72,53)
```
#8b533d
```
#8b533d rgb(139,83,61)
```
#9d5d44
```
#9d5d44 rgb(157,93,68)
```
#af684c
```
#af684c rgb(175,104,76)
```
#b8765c
```
#b8765c rgb(184,118,92)
```
#c0856e
```
#c0856e rgb(192,133,110)
```
#c89480
```
#c89480 rgb(200,148,128)
```

Monochromatic Color

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

#af4f4c
```
#af4f4c rgb(175,79,76)
```
#af584c
```
#af584c rgb(175,88,76)
```
#af604c
```
#af604c rgb(175,96,76)
```
#af684c
```
#af684c rgb(175,104,76)
```
#af704c
```
#af704c rgb(175,112,76)
```
#af794c
```
#af794c rgb(175,121,76)
```
#af814c
```
#af814c rgb(175,129,76)
```

Similar Colors

Text with hexadecimal color #af684c

This text has a font color of #af684c.

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

#af684c background color

This paragraph has a background color of #af684c.

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

#af684c border color

This element has a border color of #af684c.

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

CSS codes

.text {color:#af684c;}

.background {background-color:#af684c;}

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

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

#0b0605
```
#0b0605 rgb(11,6,5)
```
#190f0b
```
#190f0b rgb(25,15,11)
```
#261711
```
#261711 rgb(38,23,17)
```
#341f17
```
#341f17 rgb(52,31,23)
```
#42271c
```
#42271c rgb(66,39,28)
```
#4f2f22
```
#4f2f22 rgb(79,47,34)
```
#5d3728
```
#5d3728 rgb(93,55,40)
```
#6b3f2e
```
#6b3f2e rgb(107,63,46)
```
#784734
```
#784734 rgb(120,71,52)
```
#86503a
```
#86503a rgb(134,80,58)
```
#945840
```
#945840 rgb(148,88,64)
```
#a16046
```
#a16046 rgb(161,96,70)
```
#af684c
```
#af684c rgb(175,104,76)
```

Shade Color Variation

#b77358
```
#b77358 rgb(183,115,88)
```
#bc7e66
```
#bc7e66 rgb(188,126,102)
```
#c28a73
```
#c28a73 rgb(194,138,115)
```
#c89581
```
#c89581 rgb(200,149,129)
```
#cea18f
```
#cea18f rgb(206,161,143)
```
#d4ac9c
```
#d4ac9c rgb(212,172,156)
```
#dab8aa
```
#dab8aa rgb(218,184,170)
```
#e0c3b8
```
#e0c3b8 rgb(224,195,184)
```
#e6cfc6
```
#e6cfc6 rgb(230,207,198)
```
#ecdad3
```
#ecdad3 rgb(236,218,211)
```
#f2e6e1
```
#f2e6e1 rgb(242,230,225)
```
#f8f1ef
```
#f8f1ef rgb(248,241,239)
```
#fefdfc
```
#fefdfc rgb(254,253,252)
```

Tint Color Variation

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

#7f7d7c
```
#7f7d7c rgb(127,125,124)
```
#887973
```
#887973 rgb(136,121,115)
```
#927569
```
#927569 rgb(146,117,105)
```
#9c705f
```
#9c705f rgb(156,112,95)
```
#a56c56
```
#a56c56 rgb(165,108,86)
```
#af684c
```
#af684c rgb(175,104,76)
```
#b96442
```
#b96442 rgb(185,100,66)
```
#c26039
```
#c26039 rgb(194,96,57)
```
#cc5b2f
```
#cc5b2f rgb(204,91,47)
```
#d65725
```
#d65725 rgb(214,87,37)
```
#df531c
```
#df531c rgb(223,83,28)
```
#e94f12
```
#e94f12 rgb(233,79,18)
```
#f34b08
```
#f34b08 rgb(243,75,8)
```

Tone Color Variation

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

#8b815b Protanopia 1% of men
#9b7b52 Deuteranopia 1% of men
#b56b73 Tritanopia 0.001% of the population

Trichromacy

#987756 Protanomaly 1% of men, 0.01% of women
#a2744f Deuteranomaly 6% of men, 0.4% of women
#b36a64 Tritanomaly 0.01% of the population

#af684c hex color

#af684c Color Information

#af684c Color Conversion

Color Schemes with #af684c

Alternatives to #af684c

#af684c Preview

Shades and Tints of #af684c

Tones of #af684c

Color Blindness Simulator