#af5697 hex color

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

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

● #af5697 color description : Dark moderate pink.

The hexadecimal color #af5697 has RGB values of R:175, G:86, B:151 and CMYK values of C:0, M:0.51, Y:0.14, K:0.31. Its decimal value is 11490967.

Hex triplet	af5697	`#af5697`
RGB Decimal	175, 86, 151	`rgb(175,86,151)`
RGB Percent	68.6, 33.7, 59.2	`rgb(68.6%,33.7%,59.2%)`
CMYK	0, 51, 14, 31
HSL	316.2°, 35.7, 51.2	`hsl(316.2,35.7%,51.2%)`
HSV (or HSB)	316.2°, 50.9, 68.6
Web Safe	996699	`#996699`

CIE-LAB	49.503, 44.683, -19.131
XYZ	26.593, 18.005, 31.351
xyY	0.35, 0.237, 18.005
CIE-LCH	49.503, 48.606, 336.821
CIE-LUV	49.503, 47.877, -34.494
Hunter-Lab	42.433, 37.608, -14.103
Binary	10101111, 01010110, 10010111

#af5697
```
#af5697 rgb(175,86,151)
```
#56af6e
```
#56af6e rgb(86,175,110)
```

Complementary Color

#9b56af
```
#9b56af rgb(155,86,175)
```
#af5697
```
#af5697 rgb(175,86,151)
```
#af566b
```
#af566b rgb(175,86,107)
```

Analogous Color

#56af9b
```
#56af9b rgb(86,175,155)
```
#af5697
```
#af5697 rgb(175,86,151)
```
#6baf56
```
#6baf56 rgb(107,175,86)
```

Split Complementary Color

#5697af
```
#5697af rgb(86,151,175)
```
#af5697
```
#af5697 rgb(175,86,151)
```
#97af56
```
#97af56 rgb(151,175,86)
```

Triadic Color

#6e56af
```
#6e56af rgb(110,86,175)
```
#af5697
```
#af5697 rgb(175,86,151)
```
#97af56
```
#97af56 rgb(151,175,86)
```
#56af6e
```
#56af6e rgb(86,175,110)
```

Tetradic Color

#7d3b6b
```
#7d3b6b rgb(125,59,107)
```
#8f437a
```
#8f437a rgb(143,67,122)
```
#a04c89
```
#a04c89 rgb(160,76,137)
```
#af5697
```
#af5697 rgb(175,86,151)
```
#b767a2
```
#b767a2 rgb(183,103,162)
```
#bf79ac
```
#bf79ac rgb(191,121,172)
```
#c88ab7
```
#c88ab7 rgb(200,138,183)
```

Monochromatic Color

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

#af56ad
```
#af56ad rgb(175,86,173)
```
#af56a6
```
#af56a6 rgb(175,86,166)
```
#af569e
```
#af569e rgb(175,86,158)
```
#af5697
```
#af5697 rgb(175,86,151)
```
#af5690
```
#af5690 rgb(175,86,144)
```
#af5688
```
#af5688 rgb(175,86,136)
```
#af5681
```
#af5681 rgb(175,86,129)
```

Similar Colors

Text with hexadecimal color #af5697

This text has a font color of #af5697.

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

#af5697 background color

This paragraph has a background color of #af5697.

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

#af5697 border color

This element has a border color of #af5697.

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

CSS codes

.text {color:#af5697;}

.background {background-color:#af5697;}

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

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

#040203
```
#040203 rgb(4,2,3)
```
#11080f
```
#11080f rgb(17,8,15)
```
#1f0f1a
```
#1f0f1a rgb(31,15,26)
```
#2c1526
```
#2c1526 rgb(44,21,38)
```
#391b31
```
#391b31 rgb(57,27,49)
```
#47213d
```
#47213d rgb(71,33,61)
```
#542848
```
#542848 rgb(84,40,72)
```
#612e53
```
#612e53 rgb(97,46,83)
```
#6f345f
```
#6f345f rgb(111,52,95)
```
#7c3b6a
```
#7c3b6a rgb(124,59,106)
```
#894176
```
#894176 rgb(137,65,118)
```
#974781
```
#974781 rgb(151,71,129)
```
#a44e8d
```
#a44e8d rgb(164,78,141)
```

Shade Color Variation

#af5697
```
#af5697 rgb(175,86,151)
```
#b5639f
```
#b5639f rgb(181,99,159)
```
#bc71a7
```
#bc71a7 rgb(188,113,167)
```
#c27eb0
```
#c27eb0 rgb(194,126,176)
```
#c88bb8
```
#c88bb8 rgb(200,139,184)
```
#cf99c0
```
#cf99c0 rgb(207,153,192)
```
#d5a6c8
```
#d5a6c8 rgb(213,166,200)
```
#dbb3d0
```
#dbb3d0 rgb(219,179,208)
```
#e1c1d9
```
#e1c1d9 rgb(225,193,217)
```
#e8cee1
```
#e8cee1 rgb(232,206,225)
```
#eedbe9
```
#eedbe9 rgb(238,219,233)
```
#f4e8f1
```
#f4e8f1 rgb(244,232,241)
```
#fbf6f9
```
#fbf6f9 rgb(251,246,249)
```

Tint Color Variation

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

#897c85
```
#897c85 rgb(137,124,133)
```
#92738a
```
#92738a rgb(146,115,138)
```
#9c698e
```
#9c698e rgb(156,105,142)
```
#a56093
```
#a56093 rgb(165,96,147)
```
#af5697
```
#af5697 rgb(175,86,151)
```
#b94c9b
```
#b94c9b rgb(185,76,155)
```
#c243a0
```
#c243a0 rgb(194,67,160)
```
#cc39a4
```
#cc39a4 rgb(204,57,164)
```
#d530a9
```
#d530a9 rgb(213,48,169)
```
#df26ad
```
#df26ad rgb(223,38,173)
```
#e81db1
```
#e81db1 rgb(232,29,177)
```
#f213b6
```
#f213b6 rgb(242,19,182)
```
#fc09ba
```
#fc09ba rgb(252,9,186)
```

Tone Color Variation

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

#787878 Achromatopsia 0.005% of the population
#83717e Atypical Achromatopsia 0.001% of the population

Dichromacy

#6a7bae Protanopia 1% of men
#7b7a94 Deuteranopia 1% of men
#ad6970 Tritanopia 0.001% of the population

Trichromacy

#836da6 Protanomaly 1% of men, 0.01% of women
#8e6d95 Deuteranomaly 6% of men, 0.4% of women
#ae627e Tritanomaly 0.01% of the population

#af5697 hex color

#af5697 Color Information

#af5697 Color Conversion

Color Schemes with #af5697

Alternatives to #af5697

#af5697 Preview

Shades and Tints of #af5697

Tones of #af5697

Color Blindness Simulator