#af96bd hex color

In a RGB color space, hex #af96bd is composed of 68.6% red, 58.8% green and 74.1% blue. Whereas in a CMYK color space, it is composed of 7.4% cyan, 20.6% magenta, 0% yellow and 25.9% black. It has a hue angle of 278.5 degrees, a saturation of 22.8% and a lightness of 66.5%. #af96bd color hex could be obtained by blending #ffffff with #5f2d7b. Closest websafe color is: #9999cc.

♥
- f
- t
- g
- R 69
- G 59
- B 74
RGB color chart
- C 7
- M 21
- Y 0
- K 26
CMYK color chart

● #af96bd color description : Grayish violet.

The hexadecimal color #af96bd has RGB values of R:175, G:150, B:189 and CMYK values of C:0.07, M:0.21, Y:0, K:0.26. Its decimal value is 11507389.

Hex triplet	af96bd	`#af96bd`
RGB Decimal	175, 150, 189	`rgb(175,150,189)`
RGB Percent	68.6, 58.8, 74.1	`rgb(68.6%,58.8%,74.1%)`
CMYK	7, 21, 0, 26
HSL	278.5°, 22.8, 66.5	`hsl(278.5,22.8%,66.5%)`
HSV (or HSB)	278.5°, 20.6, 74.1
Web Safe	9999cc	`#9999cc`

CIE-LAB	65.437, 16.574, -16.75
XYZ	37.769, 34.601, 52.83
xyY	0.302, 0.276, 34.601
CIE-LCH	65.437, 23.564, 314.698
CIE-LUV	65.437, 11.378, -28.044
Hunter-Lab	58.823, 11.673, -12.074
Binary	10101111, 10010110, 10111101

#af96bd
```
#af96bd rgb(175,150,189)
```
#a4bd96
```
#a4bd96 rgb(164,189,150)
```

Complementary Color

#9c96bd
```
#9c96bd rgb(156,150,189)
```
#af96bd
```
#af96bd rgb(175,150,189)
```
#bd96b8
```
#bd96b8 rgb(189,150,184)
```

Analogous Color

#96bd9c
```
#96bd9c rgb(150,189,156)
```
#af96bd
```
#af96bd rgb(175,150,189)
```
#b8bd96
```
#b8bd96 rgb(184,189,150)
```

Split Complementary Color

#96bdaf
```
#96bdaf rgb(150,189,175)
```
#af96bd
```
#af96bd rgb(175,150,189)
```
#bdaf96
```
#bdaf96 rgb(189,175,150)
```

Triadic Color

#96a4bd
```
#96a4bd rgb(150,164,189)
```
#af96bd
```
#af96bd rgb(175,150,189)
```
#bdaf96
```
#bdaf96 rgb(189,175,150)
```
#a4bd96
```
#a4bd96 rgb(164,189,150)
```

Tetradic Color

#8b679f
```
#8b679f rgb(139,103,159)
```
#9777a9
```
#9777a9 rgb(151,119,169)
```
#a386b3
```
#a386b3 rgb(163,134,179)
```
#af96bd
```
#af96bd rgb(175,150,189)
```
#bba6c7
```
#bba6c7 rgb(187,166,199)
```
#c7b5d1
```
#c7b5d1 rgb(199,181,209)
```
#d3c5db
```
#d3c5db rgb(211,197,219)
```

Monochromatic Color

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

#a596bd
```
#a596bd rgb(165,150,189)
```
#a996bd
```
#a996bd rgb(169,150,189)
```
#ac96bd
```
#ac96bd rgb(172,150,189)
```
#af96bd
```
#af96bd rgb(175,150,189)
```
#b296bd
```
#b296bd rgb(178,150,189)
```
#b696bd
```
#b696bd rgb(182,150,189)
```
#b996bd
```
#b996bd rgb(185,150,189)
```

Similar Colors

Text with hexadecimal color #af96bd

This text has a font color of #af96bd.

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

#af96bd background color

This paragraph has a background color of #af96bd.

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

#af96bd border color

This element has a border color of #af96bd.

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

CSS codes

.text {color:#af96bd;}

.background {background-color:#af96bd;}

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

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

#030203
```
#030203 rgb(3,2,3)
```
#0d0a0f
```
#0d0a0f rgb(13,10,15)
```
#18111b
```
#18111b rgb(24,17,27)
```
#221928
```
#221928 rgb(34,25,40)
```
#2d2034
```
#2d2034 rgb(45,32,52)
```
#372840
```
#372840 rgb(55,40,64)
```
#42304c
```
#42304c rgb(66,48,76)
```
#4c3758
```
#4c3758 rgb(76,55,88)
```
#563f64
```
#563f64 rgb(86,63,100)
```
#614670
```
#614670 rgb(97,70,112)
```
#6b4e7c
```
#6b4e7c rgb(107,78,124)
```
#765588
```
#765588 rgb(118,85,136)
```
#805d94
```
#805d94 rgb(128,93,148)
```

Shade Color Variation

#8a669f
```
#8a669f rgb(138,102,159)
```
#9372a6
```
#9372a6 rgb(147,114,166)
```
#9d7eae
```
#9d7eae rgb(157,126,174)
```
#a68ab5
```
#a68ab5 rgb(166,138,181)
```
#af96bd
```
#af96bd rgb(175,150,189)
```
#b8a2c5
```
#b8a2c5 rgb(184,162,197)
```
#c1aecc
```
#c1aecc rgb(193,174,204)
```
#cbbad4
```
#cbbad4 rgb(203,186,212)
```
#d4c6db
```
#d4c6db rgb(212,198,219)
```
#ddd2e3
```
#ddd2e3 rgb(221,210,227)
```
#e6deea
```
#e6deea rgb(230,222,234)
```
#efeaf2
```
#efeaf2 rgb(239,234,242)
```
#f8f6fa
```
#f8f6fa rgb(248,246,250)
```

Tint Color Variation

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

#aba3b0
```
#aba3b0 rgb(171,163,176)
```
#ad9db6
```
#ad9db6 rgb(173,157,182)
```
#af96bd
```
#af96bd rgb(175,150,189)
```
#b18fc4
```
#b18fc4 rgb(177,143,196)
```
#b389ca
```
#b389ca rgb(179,137,202)
```
#b582d1
```
#b582d1 rgb(181,130,209)
```
#b67cd7
```
#b67cd7 rgb(182,124,215)
```
#b875de
```
#b875de rgb(184,117,222)
```
#ba6fe4
```
#ba6fe4 rgb(186,111,228)
```
#bc68eb
```
#bc68eb rgb(188,104,235)
```
#be61f2
```
#be61f2 rgb(190,97,242)
```
#c05bf8
```
#c05bf8 rgb(192,91,248)
```
#c254ff
```
#c254ff rgb(194,84,255)
```

Tone Color Variation

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

#a2a2a2 Achromatopsia 0.005% of the population
#a5a0a7 Atypical Achromatopsia 0.001% of the population

Dichromacy

#9ba2c4 Protanopia 1% of men
#a5a0be Deuteranopia 1% of men
#af9faa Tritanopia 0.001% of the population

Trichromacy

#a29dc1 Protanomaly 1% of men, 0.01% of women
#a89cbe Deuteranomaly 6% of men, 0.4% of women
#af9cb1 Tritanomaly 0.01% of the population

#af96bd hex color

#af96bd Color Information

#af96bd Color Conversion

Color Schemes with #af96bd

Alternatives to #af96bd

#af96bd Preview

Shades and Tints of #af96bd

Tones of #af96bd

Color Blindness Simulator