#af666f hex color

In a RGB color space, hex #af666f is composed of 68.6% red, 40% green and 43.5% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 41.7% magenta, 36.6% yellow and 31.4% black. It has a hue angle of 352.6 degrees, a saturation of 31.3% and a lightness of 54.3%. #af666f color hex could be obtained by blending #ffccde with #5f0000. Closest websafe color is: #996666.

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

● #af666f color description : Mostly desaturated dark red.

The hexadecimal color #af666f has RGB values of R:175, G:102, B:111 and CMYK values of C:0, M:0.42, Y:0.37, K:0.31. Its decimal value is 11495023.

Hex triplet	af666f	`#af666f`
RGB Decimal	175, 102, 111	`rgb(175,102,111)`
RGB Percent	68.6, 40, 43.5	`rgb(68.6%,40%,43.5%)`
CMYK	0, 42, 37, 31
HSL	352.6°, 31.3, 54.3	`hsl(352.6,31.3%,54.3%)`
HSV (or HSB)	352.6°, 41.7, 68.6
Web Safe	996666	`#996666`

CIE-LAB	51.572, 30.378, 7.72
XYZ	25.3, 19.766, 17.521
xyY	0.404, 0.316, 19.766
CIE-LCH	51.572, 31.344, 14.258
CIE-LUV	51.572, 48.602, 4.605
Hunter-Lab	44.459, 23.775, 7.756
Binary	10101111, 01100110, 01101111

#af666f
```
#af666f rgb(175,102,111)
```
#66afa6
```
#66afa6 rgb(102,175,166)
```

Complementary Color

#af6694
```
#af6694 rgb(175,102,148)
```
#af666f
```
#af666f rgb(175,102,111)
```
#af8266
```
#af8266 rgb(175,130,102)
```

Analogous Color

#6694af
```
#6694af rgb(102,148,175)
```
#af666f
```
#af666f rgb(175,102,111)
```
#66af82
```
#66af82 rgb(102,175,130)
```

Split Complementary Color

#666faf
```
#666faf rgb(102,111,175)
```
#af666f
```
#af666f rgb(175,102,111)
```
#6faf66
```
#6faf66 rgb(111,175,102)
```

Triadic Color

#a666af
```
#a666af rgb(166,102,175)
```
#af666f
```
#af666f rgb(175,102,111)
```
#6faf66
```
#6faf66 rgb(111,175,102)
```
#66afa6
```
#66afa6 rgb(102,175,166)
```

Tetradic Color

#84454d
```
#84454d rgb(132,69,77)
```
#944e56
```
#944e56 rgb(148,78,86)
```
#a55660
```
#a55660 rgb(165,86,96)
```
#af666f
```
#af666f rgb(175,102,111)
```
#b8777f
```
#b8777f rgb(184,119,127)
```
#c1878f
```
#c1878f rgb(193,135,143)
```
#c9989e
```
#c9989e rgb(201,152,158)
```

Monochromatic Color

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

#af6681
```
#af6681 rgb(175,102,129)
```
#af667b
```
#af667b rgb(175,102,123)
```
#af6675
```
#af6675 rgb(175,102,117)
```
#af666f
```
#af666f rgb(175,102,111)
```
#af6669
```
#af6669 rgb(175,102,105)
```
#af6966
```
#af6966 rgb(175,105,102)
```
#af6f66
```
#af6f66 rgb(175,111,102)
```

Similar Colors

Text with hexadecimal color #af666f

This text has a font color of #af666f.

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

#af666f background color

This paragraph has a background color of #af666f.

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

#af666f border color

This element has a border color of #af666f.

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

CSS codes

.text {color:#af666f;}

.background {background-color:#af666f;}

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

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

#020101
```
#020101 rgb(2,1,1)
```
#0e0808
```
#0e0808 rgb(14,8,8)
```
#1b0e10
```
#1b0e10 rgb(27,14,16)
```
#281517
```
#281517 rgb(40,21,23)
```
#351c1f
```
#351c1f rgb(53,28,31)
```
#422226
```
#422226 rgb(66,34,38)
```
#4f292e
```
#4f292e rgb(79,41,46)
```
#5c3035
```
#5c3035 rgb(92,48,53)
```
#69373d
```
#69373d rgb(105,55,61)
```
#753d44
```
#753d44 rgb(117,61,68)
```
#82444c
```
#82444c rgb(130,68,76)
```
#8f4b53
```
#8f4b53 rgb(143,75,83)
```
#9c525b
```
#9c525b rgb(156,82,91)
```

Shade Color Variation

#a85963
```
#a85963 rgb(168,89,99)
```
#af666f
```
#af666f rgb(175,102,111)
```
#b6737b
```
#b6737b rgb(182,115,123)
```
#bc8087
```
#bc8087 rgb(188,128,135)
```
#c38d93
```
#c38d93 rgb(195,141,147)
```
#ca9a9f
```
#ca9a9f rgb(202,154,159)
```
#d1a6ac
```
#d1a6ac rgb(209,166,172)
```
#d7b3b8
```
#d7b3b8 rgb(215,179,184)
```
#dec0c4
```
#dec0c4 rgb(222,192,196)
```
#e5cdd0
```
#e5cdd0 rgb(229,205,208)
```
#ecdadc
```
#ecdadc rgb(236,218,220)
```
#f2e7e8
```
#f2e7e8 rgb(242,231,232)
```
#f9f4f4
```
#f9f4f4 rgb(249,244,244)
```

Tint Color Variation

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

#8b8a8a
```
#8b8a8a rgb(139,138,138)
```
#948183
```
#948183 rgb(148,129,131)
```
#9d787d
```
#9d787d rgb(157,120,125)
```
#a66f76
```
#a66f76 rgb(166,111,118)
```
#af666f
```
#af666f rgb(175,102,111)
```
#b85d68
```
#b85d68 rgb(184,93,104)
```
#c15461
```
#c15461 rgb(193,84,97)
```
#ca4b5b
```
#ca4b5b rgb(202,75,91)
```
#d34254
```
#d34254 rgb(211,66,84)
```
#dc394d
```
#dc394d rgb(220,57,77)
```
#e53046
```
#e53046 rgb(229,48,70)
```
#ee2740
```
#ee2740 rgb(238,39,64)
```
#f71e39
```
#f71e39 rgb(247,30,57)
```

Tone Color Variation

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

#7d7d7d Achromatopsia 0.005% of the population
#87787a Atypical Achromatopsia 0.001% of the population

Dichromacy

#84817f Protanopia 1% of men
#937d72 Deuteranopia 1% of men
#b36e75 Tritanopia 0.001% of the population

Trichromacy

#937779 Protanomaly 1% of men, 0.01% of women
#9d7471 Deuteranomaly 6% of men, 0.4% of women
#b16b73 Tritanomaly 0.01% of the population

#af666f hex color

#af666f Color Information

#af666f Color Conversion

Color Schemes with #af666f

Alternatives to #af666f

#af666f Preview

Shades and Tints of #af666f

Tones of #af666f

Color Blindness Simulator