#af486a hex color

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

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

● #af486a color description : Dark moderate pink.

The hexadecimal color #af486a has RGB values of R:175, G:72, B:106 and CMYK values of C:0, M:0.59, Y:0.39, K:0.31. Its decimal value is 11487338.

Hex triplet	af486a	`#af486a`
RGB Decimal	175, 72, 106	`rgb(175,72,106)`
RGB Percent	68.6, 28.2, 41.6	`rgb(68.6%,28.2%,41.6%)`
CMYK	0, 59, 39, 31
HSL	340.2°, 41.7, 48.4	`hsl(340.2,41.7%,48.4%)`
HSV (or HSB)	340.2°, 58.9, 68.6
Web Safe	993366	`#993366`

CIE-LAB	45.347, 45.328, 1.793
XYZ	22.598, 14.791, 15.3
xyY	0.429, 0.281, 14.791
CIE-LCH	45.347, 45.363, 2.266
CIE-LUV	45.347, 66.892, -5.823
Hunter-Lab	38.459, 37.582, 3.335
Binary	10101111, 01001000, 01101010

#af486a
```
#af486a rgb(175,72,106)
```
#48af8d
```
#48af8d rgb(72,175,141)
```

Complementary Color

#af489e
```
#af489e rgb(175,72,158)
```
#af486a
```
#af486a rgb(175,72,106)
```
#af5a48
```
#af5a48 rgb(175,90,72)
```

Analogous Color

#489eaf
```
#489eaf rgb(72,158,175)
```
#af486a
```
#af486a rgb(175,72,106)
```
#48af5a
```
#48af5a rgb(72,175,90)
```

Split Complementary Color

#486aaf
```
#486aaf rgb(72,106,175)
```
#af486a
```
#af486a rgb(175,72,106)
```
#6aaf48
```
#6aaf48 rgb(106,175,72)
```

Triadic Color

#8d48af
```
#8d48af rgb(141,72,175)
```
#af486a
```
#af486a rgb(175,72,106)
```
#6aaf48
```
#6aaf48 rgb(106,175,72)
```
#48af8d
```
#48af8d rgb(72,175,141)
```

Tetradic Color

#793249
```
#793249 rgb(121,50,73)
```
#8b3954
```
#8b3954 rgb(139,57,84)
```
#9d415f
```
#9d415f rgb(157,65,95)
```
#af486a
```
#af486a rgb(175,72,106)
```
#ba5777
```
#ba5777 rgb(186,87,119)
```
#c16986
```
#c16986 rgb(193,105,134)
```
#c97b95
```
#c97b95 rgb(201,123,149)
```

Monochromatic Color

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

#af4884
```
#af4884 rgb(175,72,132)
```
#af487b
```
#af487b rgb(175,72,123)
```
#af4873
```
#af4873 rgb(175,72,115)
```
#af486a
```
#af486a rgb(175,72,106)
```
#af4861
```
#af4861 rgb(175,72,97)
```
#af4859
```
#af4859 rgb(175,72,89)
```
#af4850
```
#af4850 rgb(175,72,80)
```

Similar Colors

Text with hexadecimal color #af486a

This text has a font color of #af486a.

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

#af486a background color

This paragraph has a background color of #af486a.

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

#af486a border color

This element has a border color of #af486a.

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

CSS codes

.text {color:#af486a;}

.background {background-color:#af486a;}

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

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 #fdf9fa is the lightest one.

#080305
```
#080305 rgb(8,3,5)
```
#16090d
```
#16090d rgb(22,9,13)
```
#240f16
```
#240f16 rgb(36,15,22)
```
#32151e
```
#32151e rgb(50,21,30)
```
#401a27
```
#401a27 rgb(64,26,39)
```
#4e202f
```
#4e202f rgb(78,32,47)
```
#5c2637
```
#5c2637 rgb(92,38,55)
```
#6a2b40
```
#6a2b40 rgb(106,43,64)
```
#773148
```
#773148 rgb(119,49,72)
```
#853751
```
#853751 rgb(133,55,81)
```
#933d59
```
#933d59 rgb(147,61,89)
```
#a14262
```
#a14262 rgb(161,66,98)
```
#af486a
```
#af486a rgb(175,72,106)
```

Shade Color Variation

#b85374
```
#b85374 rgb(184,83,116)
```
#be607f
```
#be607f rgb(190,96,127)
```
#c36e8a
```
#c36e8a rgb(195,110,138)
```
#c97c96
```
#c97c96 rgb(201,124,150)
```
#cf8aa1
```
#cf8aa1 rgb(207,138,161)
```
#d598ac
```
#d598ac rgb(213,152,172)
```
#daa6b7
```
#daa6b7 rgb(218,166,183)
```
#e0b4c2
```
#e0b4c2 rgb(224,180,194)
```
#e6c2ce
```
#e6c2ce rgb(230,194,206)
```
#ecd0d9
```
#ecd0d9 rgb(236,208,217)
```
#f1dee4
```
#f1dee4 rgb(241,222,228)
```
#f7ebef
```
#f7ebef rgb(247,235,239)
```
#fdf9fa
```
#fdf9fa rgb(253,249,250)
```

Tint Color Variation

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

#80787a
```
#80787a rgb(128,120,122)
```
#896e77
```
#896e77 rgb(137,110,119)
```
#936574
```
#936574 rgb(147,101,116)
```
#9c5b70
```
#9c5b70 rgb(156,91,112)
```
#a6526d
```
#a6526d rgb(166,82,109)
```
#af486a
```
#af486a rgb(175,72,106)
```
#b93f67
```
#b93f67 rgb(185,63,103)
```
#c23564
```
#c23564 rgb(194,53,100)
```
#cc2c60
```
#cc2c60 rgb(204,44,96)
```
#d5225d
```
#d5225d rgb(213,34,93)
```
#df195a
```
#df195a rgb(223,25,90)
```
#e80f57
```
#e80f57 rgb(232,15,87)
```
#f20553
```
#f20553 rgb(242,5,83)
```

Tone Color Variation

Below, you can see how #af486a 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
#79646b Atypical Achromatopsia 0.001% of the population

Dichromacy

#6f7282 Protanopia 1% of men
#806f6a Deuteranopia 1% of men
#b1565b Tritanopia 0.001% of the population

Trichromacy

#866279 Protanomaly 1% of men, 0.01% of women
#91606a Deuteranomaly 6% of men, 0.4% of women
#b05060 Tritanomaly 0.01% of the population

#af486a hex color

#af486a Color Information

#af486a Color Conversion

Color Schemes with #af486a

Alternatives to #af486a

#af486a Preview

Shades and Tints of #af486a

Tones of #af486a

Color Blindness Simulator