#af5486 hex color

In a RGB color space, hex #af5486 is composed of 68.6% red, 32.9% green and 52.5% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 52% magenta, 23.4% yellow and 31.4% black. It has a hue angle of 327 degrees, a saturation of 36.3% and a lightness of 50.8%. #af5486 color hex could be obtained by blending #ffa8ff with #5f000d. Closest websafe color is: #996699.

♥
- f
- t
- g
- R 69
- G 33
- B 53
RGB color chart
- C 0
- M 52
- Y 23
- K 31
CMYK color chart

● #af5486 color description : Dark moderate pink.

The hexadecimal color #af5486 has RGB values of R:175, G:84, B:134 and CMYK values of C:0, M:0.52, Y:0.23, K:0.31. Its decimal value is 11490438.

Hex triplet	af5486	`#af5486`
RGB Decimal	175, 84, 134	`rgb(175,84,134)`
RGB Percent	68.6, 32.9, 52.5	`rgb(68.6%,32.9%,52.5%)`
CMYK	0, 52, 23, 31
HSL	327°, 36.3, 50.8	`hsl(327,36.3%,50.8%)`
HSV (or HSB)	327°, 52, 68.6
Web Safe	996699	`#996699`

CIE-LAB	48.483, 43.066, -10.541
XYZ	25.153, 17.178, 24.544
xyY	0.376, 0.257, 17.178
CIE-LCH	48.483, 44.337, 346.246
CIE-LUV	48.483, 53.208, -21.819
Hunter-Lab	41.446, 35.798, -6.099
Binary	10101111, 01010100, 10000110

#af5486
```
#af5486 rgb(175,84,134)
```
#54af7d
```
#54af7d rgb(84,175,125)
```

Complementary Color

#ab54af
```
#ab54af rgb(171,84,175)
```
#af5486
```
#af5486 rgb(175,84,134)
```
#af5459
```
#af5459 rgb(175,84,89)
```

Analogous Color

#54afab
```
#54afab rgb(84,175,171)
```
#af5486
```
#af5486 rgb(175,84,134)
```
#59af54
```
#59af54 rgb(89,175,84)
```

Split Complementary Color

#5486af
```
#5486af rgb(84,134,175)
```
#af5486
```
#af5486 rgb(175,84,134)
```
#86af54
```
#86af54 rgb(134,175,84)
```

Triadic Color

#7d54af
```
#7d54af rgb(125,84,175)
```
#af5486
```
#af5486 rgb(175,84,134)
```
#86af54
```
#86af54 rgb(134,175,84)
```
#54af7d
```
#54af7d rgb(84,175,125)
```

Tetradic Color

#7c3a5f
```
#7c3a5f rgb(124,58,95)
```
#8e426c
```
#8e426c rgb(142,66,108)
```
#9f4a79
```
#9f4a79 rgb(159,74,121)
```
#af5486
```
#af5486 rgb(175,84,134)
```
#b76592
```
#b76592 rgb(183,101,146)
```
#bf779f
```
#bf779f rgb(191,119,159)
```
#c788ab
```
#c788ab rgb(199,136,171)
```

Monochromatic Color

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

#af549d
```
#af549d rgb(175,84,157)
```
#af5495
```
#af5495 rgb(175,84,149)
```
#af548e
```
#af548e rgb(175,84,142)
```
#af5486
```
#af5486 rgb(175,84,134)
```
#af547e
```
#af547e rgb(175,84,126)
```
#af5477
```
#af5477 rgb(175,84,119)
```
#af546f
```
#af546f rgb(175,84,111)
```

Similar Colors

Text with hexadecimal color #af5486

This text has a font color of #af5486.

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

#af5486 background color

This paragraph has a background color of #af5486.

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

#af5486 border color

This element has a border color of #af5486.

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

CSS codes

.text {color:#af5486;}

.background {background-color:#af5486;}

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

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

#030102
```
#030102 rgb(3,1,2)
```
#10080c
```
#10080c rgb(16,8,12)
```
#1d0e16
```
#1d0e16 rgb(29,14,22)
```
#2b1421
```
#2b1421 rgb(43,20,33)
```
#381a2b
```
#381a2b rgb(56,26,43)
```
#462135
```
#462135 rgb(70,33,53)
```
#53273f
```
#53273f rgb(83,39,63)
```
#602d49
```
#602d49 rgb(96,45,73)
```
#6e3353
```
#6e3353 rgb(110,51,83)
```
#7b3a5e
```
#7b3a5e rgb(123,58,94)
```
#884068
```
#884068 rgb(136,64,104)
```
#964672
```
#964672 rgb(150,70,114)
```
#a34c7c
```
#a34c7c rgb(163,76,124)
```

Shade Color Variation

#af5486
```
#af5486 rgb(175,84,134)
```
#b5618f
```
#b5618f rgb(181,97,143)
```
#bc6f99
```
#bc6f99 rgb(188,111,153)
```
#c27ca2
```
#c27ca2 rgb(194,124,162)
```
#c889ac
```
#c889ac rgb(200,137,172)
```
#ce97b5
```
#ce97b5 rgb(206,151,181)
```
#d5a4bf
```
#d5a4bf rgb(213,164,191)
```
#dbb2c8
```
#dbb2c8 rgb(219,178,200)
```
#e1bfd2
```
#e1bfd2 rgb(225,191,210)
```
#e7ccdb
```
#e7ccdb rgb(231,204,219)
```
#eedae5
```
#eedae5 rgb(238,218,229)
```
#f4e7ee
```
#f4e7ee rgb(244,231,238)
```
#faf4f7
```
#faf4f7 rgb(250,244,247)
```

Tint Color Variation

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

#887b82
```
#887b82 rgb(136,123,130)
```
#927183
```
#927183 rgb(146,113,131)
```
#9c6784
```
#9c6784 rgb(156,103,132)
```
#a55e85
```
#a55e85 rgb(165,94,133)
```
#af5486
```
#af5486 rgb(175,84,134)
```
#b94a87
```
#b94a87 rgb(185,74,135)
```
#c24188
```
#c24188 rgb(194,65,136)
```
#cc3789
```
#cc3789 rgb(204,55,137)
```
#d62d8a
```
#d62d8a rgb(214,45,138)
```
#df248b
```
#df248b rgb(223,36,139)
```
#e91a8c
```
#e91a8c rgb(233,26,140)
```
#f3108d
```
#f3108d rgb(243,16,141)
```
#fc078e
```
#fc078e rgb(252,7,142)
```

Tone Color Variation

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

#757575 Achromatopsia 0.005% of the population
#816e78 Atypical Achromatopsia 0.001% of the population

Dichromacy

#6f799d Protanopia 1% of men
#807785 Deuteranopia 1% of men
#af646a Tritanopia 0.001% of the population

Trichromacy

#866b94 Protanomaly 1% of men, 0.01% of women
#916a85 Deuteranomaly 6% of men, 0.4% of women
#af5e74 Tritanomaly 0.01% of the population

#af5486 hex color

#af5486 Color Information

#af5486 Color Conversion

Color Schemes with #af5486

Alternatives to #af5486

#af5486 Preview

Shades and Tints of #af5486

Tones of #af5486

Color Blindness Simulator