#af486f hex color

In a RGB color space, hex #af486f is composed of 68.6% red, 28.2% green and 43.5% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 58.9% magenta, 36.6% yellow and 31.4% black. It has a hue angle of 337.3 degrees, a saturation of 41.7% and a lightness of 48.4%. #af486f color hex could be obtained by blending #ff90de with #5f0000. Closest websafe color is: #993366.

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

● #af486f color description : Dark moderate pink.

The hexadecimal color #af486f has RGB values of R:175, G:72, B:111 and CMYK values of C:0, M:0.59, Y:0.37, K:0.31. Its decimal value is 11487343.

Hex triplet	af486f	`#af486f`
RGB Decimal	175, 72, 111	`rgb(175,72,111)`
RGB Percent	68.6, 28.2, 43.5	`rgb(68.6%,28.2%,43.5%)`
CMYK	0, 59, 37, 31
HSL	337.3°, 41.7, 48.4	`hsl(337.3,41.7%,48.4%)`
HSV (or HSB)	337.3°, 58.9, 68.6
Web Safe	993366	`#993366`

CIE-LAB	45.495, 45.909, -1.052
XYZ	22.866, 14.898, 16.71
xyY	0.42, 0.273, 14.898
CIE-LCH	45.495, 45.921, 358.687
CIE-LUV	45.495, 65.455, -9.501
Hunter-Lab	38.598, 38.199, 1.352
Binary	10101111, 01001000, 01101111

#af486f
```
#af486f rgb(175,72,111)
```
#48af88
```
#48af88 rgb(72,175,136)
```

Complementary Color

#af48a3
```
#af48a3 rgb(175,72,163)
```
#af486f
```
#af486f rgb(175,72,111)
```
#af5548
```
#af5548 rgb(175,85,72)
```

Analogous Color

#48a3af
```
#48a3af rgb(72,163,175)
```
#af486f
```
#af486f rgb(175,72,111)
```
#48af55
```
#48af55 rgb(72,175,85)
```

Split Complementary Color

#486faf
```
#486faf rgb(72,111,175)
```
#af486f
```
#af486f rgb(175,72,111)
```
#6faf48
```
#6faf48 rgb(111,175,72)
```

Triadic Color

#8848af
```
#8848af rgb(136,72,175)
```
#af486f
```
#af486f rgb(175,72,111)
```
#6faf48
```
#6faf48 rgb(111,175,72)
```
#48af88
```
#48af88 rgb(72,175,136)
```

Tetradic Color

#79324d
```
#79324d rgb(121,50,77)
```
#8b3958
```
#8b3958 rgb(139,57,88)
```
#9d4164
```
#9d4164 rgb(157,65,100)
```
#af486f
```
#af486f rgb(175,72,111)
```
#ba577c
```
#ba577c rgb(186,87,124)
```
#c1698a
```
#c1698a rgb(193,105,138)
```
#c97b98
```
#c97b98 rgb(201,123,152)
```

Monochromatic Color

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

#af4889
```
#af4889 rgb(175,72,137)
```
#af4880
```
#af4880 rgb(175,72,128)
```
#af4878
```
#af4878 rgb(175,72,120)
```
#af486f
```
#af486f rgb(175,72,111)
```
#af4866
```
#af4866 rgb(175,72,102)
```
#af485e
```
#af485e rgb(175,72,94)
```
#af4855
```
#af4855 rgb(175,72,85)
```

Similar Colors

Text with hexadecimal color #af486f

This text has a font color of #af486f.

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

#af486f background color

This paragraph has a background color of #af486f.

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

#af486f border color

This element has a border color of #af486f.

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

CSS codes

.text {color:#af486f;}

.background {background-color:#af486f;}

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

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

#080305
```
#080305 rgb(8,3,5)
```
#16090e
```
#16090e rgb(22,9,14)
```
#240f17
```
#240f17 rgb(36,15,23)
```
#321520
```
#321520 rgb(50,21,32)
```
#401a28
```
#401a28 rgb(64,26,40)
```
#4e2031
```
#4e2031 rgb(78,32,49)
```
#5c263a
```
#5c263a rgb(92,38,58)
```
#6a2b43
```
#6a2b43 rgb(106,43,67)
```
#77314c
```
#77314c rgb(119,49,76)
```
#853755
```
#853755 rgb(133,55,85)
```
#933d5d
```
#933d5d rgb(147,61,93)
```
#a14266
```
#a14266 rgb(161,66,102)
```
#af486f
```
#af486f rgb(175,72,111)
```

Shade Color Variation

#b85379
```
#b85379 rgb(184,83,121)
```
#be6084
```
#be6084 rgb(190,96,132)
```
#c36e8f
```
#c36e8f rgb(195,110,143)
```
#c97c99
```
#c97c99 rgb(201,124,153)
```
#cf8aa4
```
#cf8aa4 rgb(207,138,164)
```
#d598af
```
#d598af rgb(213,152,175)
```
#daa6ba
```
#daa6ba rgb(218,166,186)
```
#e0b4c5
```
#e0b4c5 rgb(224,180,197)
```
#e6c2cf
```
#e6c2cf rgb(230,194,207)
```
#ecd0da
```
#ecd0da rgb(236,208,218)
```
#f1dee5
```
#f1dee5 rgb(241,222,229)
```
#f7ebf0
```
#f7ebf0 rgb(247,235,240)
```
#fdf9fb
```
#fdf9fb rgb(253,249,251)
```

Tint Color Variation

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

#80787b
```
#80787b rgb(128,120,123)
```
#896e78
```
#896e78 rgb(137,110,120)
```
#936576
```
#936576 rgb(147,101,118)
```
#9c5b74
```
#9c5b74 rgb(156,91,116)
```
#a65271
```
#a65271 rgb(166,82,113)
```
#af486f
```
#af486f rgb(175,72,111)
```
#b93f6d
```
#b93f6d rgb(185,63,109)
```
#c2356a
```
#c2356a rgb(194,53,106)
```
#cc2c68
```
#cc2c68 rgb(204,44,104)
```
#d52266
```
#d52266 rgb(213,34,102)
```
#df1963
```
#df1963 rgb(223,25,99)
```
#e80f61
```
#e80f61 rgb(232,15,97)
```
#f2055f
```
#f2055f rgb(242,5,95)
```

Tone Color Variation

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

#6b6b6b Achromatopsia 0.005% of the population
#79646c Atypical Achromatopsia 0.001% of the population

Dichromacy

#6e7288 Protanopia 1% of men
#7f6f6f Deuteranopia 1% of men
#b0575c Tritanopia 0.001% of the population

Trichromacy

#85627f Protanomaly 1% of men, 0.01% of women
#90616f Deuteranomaly 6% of men, 0.4% of women
#b05163 Tritanomaly 0.01% of the population

#af486f hex color

#af486f Color Information

#af486f Color Conversion

Color Schemes with #af486f

Alternatives to #af486f

#af486f Preview

Shades and Tints of #af486f

Tones of #af486f

Color Blindness Simulator