#af585f hex color

In a RGB color space, hex #af585f is composed of 68.6% red, 34.5% green and 37.3% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 49.7% magenta, 45.7% yellow and 31.4% black. It has a hue angle of 355.2 degrees, a saturation of 35.2% and a lightness of 51.6%. #af585f color hex could be obtained by blending #ffb0be with #5f0000. Closest websafe color is: #996666.

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

● #af585f color description : Dark moderate red.

The hexadecimal color #af585f has RGB values of R:175, G:88, B:95 and CMYK values of C:0, M:0.5, Y:0.46, K:0.31. Its decimal value is 11491423.

Hex triplet	af585f	`#af585f`
RGB Decimal	175, 88, 95	`rgb(175,88,95)`
RGB Percent	68.6, 34.5, 37.3	`rgb(68.6%,34.5%,37.3%)`
CMYK	0, 50, 46, 31
HSL	355.2°, 35.2, 51.6	`hsl(355.2,35.2%,51.6%)`
HSV (or HSB)	355.2°, 49.7, 68.6
Web Safe	996666	`#996666`

CIE-LAB	48.161, 36.079, 12.474
XYZ	23.235, 16.921, 12.868
xyY	0.438, 0.319, 16.921
CIE-LCH	48.161, 38.175, 19.072
CIE-LUV	48.161, 60.473, 8.841
Hunter-Lab	41.136, 28.836, 10.247
Binary	10101111, 01011000, 01011111

#af585f
```
#af585f rgb(175,88,95)
```
#58afa8
```
#58afa8 rgb(88,175,168)
```

Complementary Color

#af588b
```
#af588b rgb(175,88,139)
```
#af585f
```
#af585f rgb(175,88,95)
```
#af7d58
```
#af7d58 rgb(175,125,88)
```

Analogous Color

#588baf
```
#588baf rgb(88,139,175)
```
#af585f
```
#af585f rgb(175,88,95)
```
#58af7d
```
#58af7d rgb(88,175,125)
```

Split Complementary Color

#585faf
```
#585faf rgb(88,95,175)
```
#af585f
```
#af585f rgb(175,88,95)
```
#5faf58
```
#5faf58 rgb(95,175,88)
```

Triadic Color

#a858af
```
#a858af rgb(168,88,175)
```
#af585f
```
#af585f rgb(175,88,95)
```
#5faf58
```
#5faf58 rgb(95,175,88)
```
#58afa8
```
#58afa8 rgb(88,175,168)
```

Tetradic Color

#7e3c42
```
#7e3c42 rgb(126,60,66)
```
#8f454b
```
#8f454b rgb(143,69,75)
```
#a14d54
```
#a14d54 rgb(161,77,84)
```
#af585f
```
#af585f rgb(175,88,95)
```
#b76970
```
#b76970 rgb(183,105,112)
```
#c07a80
```
#c07a80 rgb(192,122,128)
```
#c88c91
```
#c88c91 rgb(200,140,145)
```

Monochromatic Color

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

#af5875
```
#af5875 rgb(175,88,117)
```
#af586e
```
#af586e rgb(175,88,110)
```
#af5866
```
#af5866 rgb(175,88,102)
```
#af585f
```
#af585f rgb(175,88,95)
```
#af5858
```
#af5858 rgb(175,88,88)
```
#af6058
```
#af6058 rgb(175,96,88)
```
#af6758
```
#af6758 rgb(175,103,88)
```

Similar Colors

Text with hexadecimal color #af585f

This text has a font color of #af585f.

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

#af585f background color

This paragraph has a background color of #af585f.

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

#af585f border color

This element has a border color of #af585f.

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

CSS codes

.text {color:#af585f;}

.background {background-color:#af585f;}

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

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

#050303
```
#050303 rgb(5,3,3)
```
#13090a
```
#13090a rgb(19,9,10)
```
#200f11
```
#200f11 rgb(32,15,17)
```
#2d1618
```
#2d1618 rgb(45,22,24)
```
#3a1c1e
```
#3a1c1e rgb(58,28,30)
```
#482225
```
#482225 rgb(72,34,37)
```
#55292c
```
#55292c rgb(85,41,44)
```
#622f33
```
#622f33 rgb(98,47,51)
```
#70353a
```
#70353a rgb(112,53,58)
```
#7d3c41
```
#7d3c41 rgb(125,60,65)
```
#8a4248
```
#8a4248 rgb(138,66,72)
```
#97484f
```
#97484f rgb(151,72,79)
```
#a54f56
```
#a54f56 rgb(165,79,86)
```

Shade Color Variation

#af585f
```
#af585f rgb(175,88,95)
```
#b5656c
```
#b5656c rgb(181,101,108)
```
#bc7378
```
#bc7378 rgb(188,115,120)
```
#c28085
```
#c28085 rgb(194,128,133)
```
#c88d92
```
#c88d92 rgb(200,141,146)
```
#cf9a9f
```
#cf9a9f rgb(207,154,159)
```
#d5a8ab
```
#d5a8ab rgb(213,168,171)
```
#dbb5b8
```
#dbb5b8 rgb(219,181,184)
```
#e2c2c5
```
#e2c2c5 rgb(226,194,197)
```
#e8cfd1
```
#e8cfd1 rgb(232,207,209)
```
#efddde
```
#efddde rgb(239,221,222)
```
#f5eaeb
```
#f5eaeb rgb(245,234,235)
```
#fbf7f7
```
#fbf7f7 rgb(251,247,247)
```

Tint Color Variation

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

#897e7f
```
#897e7f rgb(137,126,127)
```
#937577
```
#937577 rgb(147,117,119)
```
#9c6b6f
```
#9c6b6f rgb(156,107,111)
```
#a66267
```
#a66267 rgb(166,98,103)
```
#af585f
```
#af585f rgb(175,88,95)
```
#b94f57
```
#b94f57 rgb(185,79,87)
```
#c2454f
```
#c2454f rgb(194,69,79)
```
#cc3c47
```
#cc3c47 rgb(204,60,71)
```
#d5323f
```
#d5323f rgb(213,50,63)
```
#df2937
```
#df2937 rgb(223,41,55)
```
#e81f2f
```
#e81f2f rgb(232,31,47)
```
#f21627
```
#f21627 rgb(242,22,39)
```
#fb0c1f
```
#fb0c1f rgb(251,12,31)
```

Tone Color Variation

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

#737373 Achromatopsia 0.005% of the population
#7f6e6f Atypical Achromatopsia 0.001% of the population

Dichromacy

#7d7972 Protanopia 1% of men
#8d7562 Deuteranopia 1% of men
#b36067 Tritanopia 0.001% of the population

Trichromacy

#8f6d6b Protanomaly 1% of men, 0.01% of women
#996a61 Deuteranomaly 6% of men, 0.4% of women
#b15d64 Tritanomaly 0.01% of the population

#af585f hex color

#af585f Color Information

#af585f Color Conversion

Color Schemes with #af585f

Alternatives to #af585f

#af585f Preview

Shades and Tints of #af585f

Tones of #af585f

Color Blindness Simulator