#af5686 hex color

In a RGB color space, hex #af5686 is composed of 68.6% red, 33.7% green and 52.5% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 50.9% magenta, 23.4% yellow and 31.4% black. It has a hue angle of 327.6 degrees, a saturation of 35.7% and a lightness of 51.2%. #af5686 color hex could be obtained by blending #ffacff with #5f000d. Closest websafe color is: #996699.

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

● #af5686 color description : Dark moderate pink.

The hexadecimal color #af5686 has RGB values of R:175, G:86, B:134 and CMYK values of C:0, M:0.51, Y:0.23, K:0.31. Its decimal value is 11490950.

Hex triplet	af5686	`#af5686`
RGB Decimal	175, 86, 134	`rgb(175,86,134)`
RGB Percent	68.6, 33.7, 52.5	`rgb(68.6%,33.7%,52.5%)`
CMYK	0, 51, 23, 31
HSL	327.6°, 35.7, 51.2	`hsl(327.6,35.7%,51.2%)`
HSV (or HSB)	327.6°, 50.9, 68.6
Web Safe	996699	`#996699`

CIE-LAB	48.875, 42.046, -9.953
XYZ	25.31, 17.492, 24.596
xyY	0.376, 0.26, 17.492
CIE-LCH	48.875, 43.208, 346.683
CIE-LUV	48.875, 52.245, -20.854
Hunter-Lab	41.824, 34.828, -5.591
Binary	10101111, 01010110, 10000110

#af5686
```
#af5686 rgb(175,86,134)
```
#56af7f
```
#56af7f rgb(86,175,127)
```

Complementary Color

#ac56af
```
#ac56af rgb(172,86,175)
```
#af5686
```
#af5686 rgb(175,86,134)
```
#af5659
```
#af5659 rgb(175,86,89)
```

Analogous Color

#56afac
```
#56afac rgb(86,175,172)
```
#af5686
```
#af5686 rgb(175,86,134)
```
#59af56
```
#59af56 rgb(89,175,86)
```

Split Complementary Color

#5686af
```
#5686af rgb(86,134,175)
```
#af5686
```
#af5686 rgb(175,86,134)
```
#86af56
```
#86af56 rgb(134,175,86)
```

Triadic Color

#7f56af
```
#7f56af rgb(127,86,175)
```
#af5686
```
#af5686 rgb(175,86,134)
```
#86af56
```
#86af56 rgb(134,175,86)
```
#56af7f
```
#56af7f rgb(86,175,127)
```

Tetradic Color

#7d3b5f
```
#7d3b5f rgb(125,59,95)
```
#8f436c
```
#8f436c rgb(143,67,108)
```
#a04c79
```
#a04c79 rgb(160,76,121)
```
#af5686
```
#af5686 rgb(175,86,134)
```
#b76792
```
#b76792 rgb(183,103,146)
```
#bf799f
```
#bf799f rgb(191,121,159)
```
#c88aab
```
#c88aab rgb(200,138,171)
```

Monochromatic Color

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

#af569c
```
#af569c rgb(175,86,156)
```
#af5695
```
#af5695 rgb(175,86,149)
```
#af568d
```
#af568d rgb(175,86,141)
```
#af5686
```
#af5686 rgb(175,86,134)
```
#af567f
```
#af567f rgb(175,86,127)
```
#af5677
```
#af5677 rgb(175,86,119)
```
#af5670
```
#af5670 rgb(175,86,112)
```

Similar Colors

Text with hexadecimal color #af5686

This text has a font color of #af5686.

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

#af5686 background color

This paragraph has a background color of #af5686.

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

#af5686 border color

This element has a border color of #af5686.

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

CSS codes

.text {color:#af5686;}

.background {background-color:#af5686;}

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

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

#040203
```
#040203 rgb(4,2,3)
```
#11080d
```
#11080d rgb(17,8,13)
```
#1f0f17
```
#1f0f17 rgb(31,15,23)
```
#2c1521
```
#2c1521 rgb(44,21,33)
```
#391b2b
```
#391b2b rgb(57,27,43)
```
#472136
```
#472136 rgb(71,33,54)
```
#542840
```
#542840 rgb(84,40,64)
```
#612e4a
```
#612e4a rgb(97,46,74)
```
#6f3454
```
#6f3454 rgb(111,52,84)
```
#7c3b5e
```
#7c3b5e rgb(124,59,94)
```
#894168
```
#894168 rgb(137,65,104)
```
#974772
```
#974772 rgb(151,71,114)
```
#a44e7c
```
#a44e7c rgb(164,78,124)
```

Shade Color Variation

#af5686
```
#af5686 rgb(175,86,134)
```
#b56390
```
#b56390 rgb(181,99,144)
```
#bc7199
```
#bc7199 rgb(188,113,153)
```
#c27ea3
```
#c27ea3 rgb(194,126,163)
```
#c88bac
```
#c88bac rgb(200,139,172)
```
#cf99b6
```
#cf99b6 rgb(207,153,182)
```
#d5a6bf
```
#d5a6bf rgb(213,166,191)
```
#dbb3c9
```
#dbb3c9 rgb(219,179,201)
```
#e1c1d2
```
#e1c1d2 rgb(225,193,210)
```
#e8cedc
```
#e8cedc rgb(232,206,220)
```
#eedbe5
```
#eedbe5 rgb(238,219,229)
```
#f4e8ef
```
#f4e8ef rgb(244,232,239)
```
#fbf6f8
```
#fbf6f8 rgb(251,246,248)
```

Tint Color Variation

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

#897c83
```
#897c83 rgb(137,124,131)
```
#927384
```
#927384 rgb(146,115,132)
```
#9c6984
```
#9c6984 rgb(156,105,132)
```
#a56085
```
#a56085 rgb(165,96,133)
```
#af5686
```
#af5686 rgb(175,86,134)
```
#b94c87
```
#b94c87 rgb(185,76,135)
```
#c24388
```
#c24388 rgb(194,67,136)
```
#cc3988
```
#cc3988 rgb(204,57,136)
```
#d53089
```
#d53089 rgb(213,48,137)
```
#df268a
```
#df268a rgb(223,38,138)
```
#e81d8b
```
#e81d8b rgb(232,29,139)
```
#f2138b
```
#f2138b rgb(242,19,139)
```
#fc098c
```
#fc098c rgb(252,9,140)
```

Tone Color Variation

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

#767676 Achromatopsia 0.005% of the population
#817079 Atypical Achromatopsia 0.001% of the population

Dichromacy

#717a9c Protanopia 1% of men
#817885 Deuteranopia 1% of men
#af656c Tritanopia 0.001% of the population

Trichromacy

#876c94 Protanomaly 1% of men, 0.01% of women
#926b85 Deuteranomaly 6% of men, 0.4% of women
#af5f75 Tritanomaly 0.01% of the population

#af5686 hex color

#af5686 Color Information

#af5686 Color Conversion

Color Schemes with #af5686

Alternatives to #af5686

#af5686 Preview

Shades and Tints of #af5686

Tones of #af5686

Color Blindness Simulator