#af686f hex color

In a RGB color space, hex #af686f is composed of 68.6% red, 40.8% green and 43.5% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 40.6% magenta, 36.6% yellow and 31.4% black. It has a hue angle of 354.1 degrees, a saturation of 30.7% and a lightness of 54.7%. #af686f color hex could be obtained by blending #ffd0de with #5f0000. Closest websafe color is: #996666.

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

● #af686f color description : Mostly desaturated dark red.

The hexadecimal color #af686f has RGB values of R:175, G:104, B:111 and CMYK values of C:0, M:0.41, Y:0.37, K:0.31. Its decimal value is 11495535.

Hex triplet	af686f	`#af686f`
RGB Decimal	175, 104, 111	`rgb(175,104,111)`
RGB Percent	68.6, 40.8, 43.5	`rgb(68.6%,40.8%,43.5%)`
CMYK	0, 41, 37, 31
HSL	354.1°, 30.7, 54.7	`hsl(354.1,30.7%,54.7%)`
HSV (or HSB)	354.1°, 40.6, 68.6
Web Safe	996666	`#996666`

CIE-LAB	52.022, 29.278, 8.359
XYZ	25.499, 20.164, 17.587
xyY	0.403, 0.319, 20.164
CIE-LCH	52.022, 30.448, 15.935
CIE-LUV	52.022, 47.383, 5.632
Hunter-Lab	44.904, 22.779, 8.212
Binary	10101111, 01101000, 01101111

#af686f
```
#af686f rgb(175,104,111)
```
#68afa8
```
#68afa8 rgb(104,175,168)
```

Complementary Color

#af6893
```
#af6893 rgb(175,104,147)
```
#af686f
```
#af686f rgb(175,104,111)
```
#af8568
```
#af8568 rgb(175,133,104)
```

Analogous Color

#6893af
```
#6893af rgb(104,147,175)
```
#af686f
```
#af686f rgb(175,104,111)
```
#68af85
```
#68af85 rgb(104,175,133)
```

Split Complementary Color

#686faf
```
#686faf rgb(104,111,175)
```
#af686f
```
#af686f rgb(175,104,111)
```
#6faf68
```
#6faf68 rgb(111,175,104)
```

Triadic Color

#a868af
```
#a868af rgb(168,104,175)
```
#af686f
```
#af686f rgb(175,104,111)
```
#6faf68
```
#6faf68 rgb(111,175,104)
```
#68afa8
```
#68afa8 rgb(104,175,168)
```

Tetradic Color

#84464c
```
#84464c rgb(132,70,76)
```
#954f56
```
#954f56 rgb(149,79,86)
```
#a6585f
```
#a6585f rgb(166,88,95)
```
#af686f
```
#af686f rgb(175,104,111)
```
#b8797f
```
#b8797f rgb(184,121,127)
```
#c1898f
```
#c1898f rgb(193,137,143)
```
#c99a9f
```
#c99a9f rgb(201,154,159)
```

Monochromatic Color

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

#af6881
```
#af6881 rgb(175,104,129)
```
#af687b
```
#af687b rgb(175,104,123)
```
#af6875
```
#af6875 rgb(175,104,117)
```
#af686f
```
#af686f rgb(175,104,111)
```
#af6869
```
#af6869 rgb(175,104,105)
```
#af6d68
```
#af6d68 rgb(175,109,104)
```
#af7368
```
#af7368 rgb(175,115,104)
```

Similar Colors

Text with hexadecimal color #af686f

This text has a font color of #af686f.

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

#af686f background color

This paragraph has a background color of #af686f.

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

#af686f border color

This element has a border color of #af686f.

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

CSS codes

.text {color:#af686f;}

.background {background-color:#af686f;}

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

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

#030202
```
#030202 rgb(3,2,2)
```
#100809
```
#100809 rgb(16,8,9)
```
#1d0f10
```
#1d0f10 rgb(29,15,16)
```
#291618
```
#291618 rgb(41,22,24)
```
#361d1f
```
#361d1f rgb(54,29,31)
```
#432327
```
#432327 rgb(67,35,39)
```
#502a2e
```
#502a2e rgb(80,42,46)
```
#5d3135
```
#5d3135 rgb(93,49,53)
```
#69383d
```
#69383d rgb(105,56,61)
```
#763f44
```
#763f44 rgb(118,63,68)
```
#83454c
```
#83454c rgb(131,69,76)
```
#904c53
```
#904c53 rgb(144,76,83)
```
#9d535a
```
#9d535a rgb(157,83,90)
```

Shade Color Variation

#a85b63
```
#a85b63 rgb(168,91,99)
```
#af686f
```
#af686f rgb(175,104,111)
```
#b6757b
```
#b6757b rgb(182,117,123)
```
#bd8287
```
#bd8287 rgb(189,130,135)
```
#c38e94
```
#c38e94 rgb(195,142,148)
```
#ca9ba0
```
#ca9ba0 rgb(202,155,160)
```
#d1a8ac
```
#d1a8ac rgb(209,168,172)
```
#d8b5b8
```
#d8b5b8 rgb(216,181,184)
```
#dfc2c5
```
#dfc2c5 rgb(223,194,197)
```
#e5cfd1
```
#e5cfd1 rgb(229,207,209)
```
#ecdbdd
```
#ecdbdd rgb(236,219,221)
```
#f3e8e9
```
#f3e8e9 rgb(243,232,233)
```
#faf5f6
```
#faf5f6 rgb(250,245,246)
```

Tint Color Variation

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

#948384
```
#948384 rgb(148,131,132)
```
#9d7a7d
```
#9d7a7d rgb(157,122,125)
```
#a67176
```
#a67176 rgb(166,113,118)
```
#af686f
```
#af686f rgb(175,104,111)
```
#b85f68
```
#b85f68 rgb(184,95,104)
```
#c15661
```
#c15661 rgb(193,86,97)
```
#ca4d5a
```
#ca4d5a rgb(202,77,90)
```
#d34452
```
#d34452 rgb(211,68,82)
```
#db3c4b
```
#db3c4b rgb(219,60,75)
```
#e43344
```
#e43344 rgb(228,51,68)
```
#ed2a3d
```
#ed2a3d rgb(237,42,61)
```
#f62136
```
#f62136 rgb(246,33,54)
```
#ff182f
```
#ff182f rgb(255,24,47)
```

Tone Color Variation

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

#7e7e7e Achromatopsia 0.005% of the population
#887a7b Atypical Achromatopsia 0.001% of the population

Dichromacy

#85827f Protanopia 1% of men
#947e72 Deuteranopia 1% of men
#b36f77 Tritanopia 0.001% of the population

Trichromacy

#947879 Protanomaly 1% of men, 0.01% of women
#9e7671 Deuteranomaly 6% of men, 0.4% of women
#b16c74 Tritanomaly 0.01% of the population

#af686f hex color

#af686f Color Information

#af686f Color Conversion

Color Schemes with #af686f

Alternatives to #af686f

#af686f Preview

Shades and Tints of #af686f

Tones of #af686f

Color Blindness Simulator