#af487a hex color

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

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

● #af487a color description : Dark moderate pink.

The hexadecimal color #af487a has RGB values of R:175, G:72, B:122 and CMYK values of C:0, M:0.59, Y:0.3, K:0.31. Its decimal value is 11487354.

Hex triplet	af487a	`#af487a`
RGB Decimal	175, 72, 122	`rgb(175,72,122)`
RGB Percent	68.6, 28.2, 47.8	`rgb(68.6%,28.2%,47.8%)`
CMYK	0, 59, 30, 31
HSL	330.9°, 41.7, 48.4	`hsl(330.9,41.7%,48.4%)`
HSV (or HSB)	330.9°, 58.9, 68.6
Web Safe	993366	`#993366`

CIE-LAB	45.847, 47.282, -7.244
XYZ	23.51, 15.156, 20.099
xyY	0.4, 0.258, 15.156
CIE-LCH	45.847, 47.833, 351.29
CIE-LUV	45.847, 62.222, -17.848
Hunter-Lab	38.93, 39.666, -3.358
Binary	10101111, 01001000, 01111010

#af487a
```
#af487a rgb(175,72,122)
```
#48af7d
```
#48af7d rgb(72,175,125)
```

Complementary Color

#af48ae
```
#af48ae rgb(175,72,174)
```
#af487a
```
#af487a rgb(175,72,122)
```
#af4a48
```
#af4a48 rgb(175,74,72)
```

Analogous Color

#48aeaf
```
#48aeaf rgb(72,174,175)
```
#af487a
```
#af487a rgb(175,72,122)
```
#48af4a
```
#48af4a rgb(72,175,74)
```

Split Complementary Color

#487aaf
```
#487aaf rgb(72,122,175)
```
#af487a
```
#af487a rgb(175,72,122)
```
#7aaf48
```
#7aaf48 rgb(122,175,72)
```

Triadic Color

#7d48af
```
#7d48af rgb(125,72,175)
```
#af487a
```
#af487a rgb(175,72,122)
```
#7aaf48
```
#7aaf48 rgb(122,175,72)
```
#48af7d
```
#48af7d rgb(72,175,125)
```

Tetradic Color

#793254
```
#793254 rgb(121,50,84)
```
#8b3961
```
#8b3961 rgb(139,57,97)
```
#9d416d
```
#9d416d rgb(157,65,109)
```
#af487a
```
#af487a rgb(175,72,122)
```
#ba5787
```
#ba5787 rgb(186,87,135)
```
#c16994
```
#c16994 rgb(193,105,148)
```
#c97ba1
```
#c97ba1 rgb(201,123,161)
```

Monochromatic Color

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

#af4894
```
#af4894 rgb(175,72,148)
```
#af488b
```
#af488b rgb(175,72,139)
```
#af4883
```
#af4883 rgb(175,72,131)
```
#af487a
```
#af487a rgb(175,72,122)
```
#af4871
```
#af4871 rgb(175,72,113)
```
#af4869
```
#af4869 rgb(175,72,105)
```
#af4860
```
#af4860 rgb(175,72,96)
```

Similar Colors

Text with hexadecimal color #af487a

This text has a font color of #af487a.

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

#af487a background color

This paragraph has a background color of #af487a.

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

#af487a border color

This element has a border color of #af487a.

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

CSS codes

.text {color:#af487a;}

.background {background-color:#af487a;}

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

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

#080306
```
#080306 rgb(8,3,6)
```
#16090f
```
#16090f rgb(22,9,15)
```
#240f19
```
#240f19 rgb(36,15,25)
```
#321523
```
#321523 rgb(50,21,35)
```
#401a2c
```
#401a2c rgb(64,26,44)
```
#4e2036
```
#4e2036 rgb(78,32,54)
```
#5c2640
```
#5c2640 rgb(92,38,64)
```
#6a2b4a
```
#6a2b4a rgb(106,43,74)
```
#773153
```
#773153 rgb(119,49,83)
```
#85375d
```
#85375d rgb(133,55,93)
```
#933d67
```
#933d67 rgb(147,61,103)
```
#a14270
```
#a14270 rgb(161,66,112)
```
#af487a
```
#af487a rgb(175,72,122)
```

Shade Color Variation

#b85384
```
#b85384 rgb(184,83,132)
```
#be608e
```
#be608e rgb(190,96,142)
```
#c36e98
```
#c36e98 rgb(195,110,152)
```
#c97ca2
```
#c97ca2 rgb(201,124,162)
```
#cf8aac
```
#cf8aac rgb(207,138,172)
```
#d598b5
```
#d598b5 rgb(213,152,181)
```
#daa6bf
```
#daa6bf rgb(218,166,191)
```
#e0b4c9
```
#e0b4c9 rgb(224,180,201)
```
#e6c2d3
```
#e6c2d3 rgb(230,194,211)
```
#ecd0dd
```
#ecd0dd rgb(236,208,221)
```
#f1dee7
```
#f1dee7 rgb(241,222,231)
```
#f7ebf1
```
#f7ebf1 rgb(247,235,241)
```
#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 #f20578 is the most saturated one.

#80787b
```
#80787b rgb(128,120,123)
```
#896e7b
```
#896e7b rgb(137,110,123)
```
#93657b
```
#93657b rgb(147,101,123)
```
#9c5b7b
```
#9c5b7b rgb(156,91,123)
```
#a6527a
```
#a6527a rgb(166,82,122)
```
#af487a
```
#af487a rgb(175,72,122)
```
#b93f7a
```
#b93f7a rgb(185,63,122)
```
#c23579
```
#c23579 rgb(194,53,121)
```
#cc2c79
```
#cc2c79 rgb(204,44,121)
```
#d52279
```
#d52279 rgb(213,34,121)
```
#df1979
```
#df1979 rgb(223,25,121)
```
#e80f78
```
#e80f78 rgb(232,15,120)
```
#f20578
```
#f20578 rgb(242,5,120)
```

Tone Color Variation

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

#6c6c6c Achromatopsia 0.005% of the population
#79656f Atypical Achromatopsia 0.001% of the population

Dichromacy

#6a7294 Protanopia 1% of men
#7c7079 Deuteranopia 1% of men
#b0595e Tritanopia 0.001% of the population

Trichromacy

#83638a Protanomaly 1% of men, 0.01% of women
#8e6279 Deuteranomaly 6% of men, 0.4% of women
#af5268 Tritanomaly 0.01% of the population

#af487a hex color

#af487a Color Information

#af487a Color Conversion

Color Schemes with #af487a

Alternatives to #af487a

#af487a Preview

Shades and Tints of #af487a

Tones of #af487a

Color Blindness Simulator