#af96b8 hex color

In a RGB color space, hex #af96b8 is composed of 68.6% red, 58.8% green and 72.2% blue. Whereas in a CMYK color space, it is composed of 4.9% cyan, 18.5% magenta, 0% yellow and 27.8% black. It has a hue angle of 284.1 degrees, a saturation of 19.3% and a lightness of 65.5%. #af96b8 color hex could be obtained by blending #ffffff with #5f2d71. Closest websafe color is: #9999cc.

♥
- f
- t
- g
- R 69
- G 59
- B 72
RGB color chart
- C 5
- M 18
- Y 0
- K 28
CMYK color chart

● #af96b8 color description : Grayish violet.

The hexadecimal color #af96b8 has RGB values of R:175, G:150, B:184 and CMYK values of C:0.05, M:0.18, Y:0, K:0.28. Its decimal value is 11507384.

Hex triplet	af96b8	`#af96b8`
RGB Decimal	175, 150, 184	`rgb(175,150,184)`
RGB Percent	68.6, 58.8, 72.2	`rgb(68.6%,58.8%,72.2%)`
CMYK	5, 18, 0, 28
HSL	284.1°, 19.3, 65.5	`hsl(284.1,19.3%,65.5%)`
HSV (or HSB)	284.1°, 18.5, 72.2
Web Safe	9999cc	`#9999cc`

CIE-LAB	65.269, 15.559, -14.202
XYZ	37.236, 34.388, 50.021
xyY	0.306, 0.283, 34.388
CIE-LCH	65.269, 21.066, 317.61
CIE-LUV	65.269, 11.874, -23.899
Hunter-Lab	58.641, 10.722, -9.525
Binary	10101111, 10010110, 10111000

#af96b8
```
#af96b8 rgb(175,150,184)
```
#9fb896
```
#9fb896 rgb(159,184,150)
```

Complementary Color

#9e96b8
```
#9e96b8 rgb(158,150,184)
```
#af96b8
```
#af96b8 rgb(175,150,184)
```
#b896b0
```
#b896b0 rgb(184,150,176)
```

Analogous Color

#96b89e
```
#96b89e rgb(150,184,158)
```
#af96b8
```
#af96b8 rgb(175,150,184)
```
#b0b896
```
#b0b896 rgb(176,184,150)
```

Split Complementary Color

#96b8af
```
#96b8af rgb(150,184,175)
```
#af96b8
```
#af96b8 rgb(175,150,184)
```
#b8af96
```
#b8af96 rgb(184,175,150)
```

Triadic Color

#969fb8
```
#969fb8 rgb(150,159,184)
```
#af96b8
```
#af96b8 rgb(175,150,184)
```
#b8af96
```
#b8af96 rgb(184,175,150)
```
#9fb896
```
#9fb896 rgb(159,184,150)
```

Tetradic Color

#8c6899
```
#8c6899 rgb(140,104,153)
```
#9878a3
```
#9878a3 rgb(152,120,163)
```
#a387ae
```
#a387ae rgb(163,135,174)
```
#af96b8
```
#af96b8 rgb(175,150,184)
```
#bba5c2
```
#bba5c2 rgb(187,165,194)
```
#c6b4cd
```
#c6b4cd rgb(198,180,205)
```
#d2c4d7
```
#d2c4d7 rgb(210,196,215)
```

Monochromatic Color

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

#a796b8
```
#a796b8 rgb(167,150,184)
```
#a996b8
```
#a996b8 rgb(169,150,184)
```
#ac96b8
```
#ac96b8 rgb(172,150,184)
```
#af96b8
```
#af96b8 rgb(175,150,184)
```
#b296b8
```
#b296b8 rgb(178,150,184)
```
#b596b8
```
#b596b8 rgb(181,150,184)
```
#b896b8
```
#b896b8 rgb(184,150,184)
```

Similar Colors

Text with hexadecimal color #af96b8

This text has a font color of #af96b8.

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

#af96b8 background color

This paragraph has a background color of #af96b8.

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

#af96b8 border color

This element has a border color of #af96b8.

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

CSS codes

.text {color:#af96b8;}

.background {background-color:#af96b8;}

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

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

#000000
```
#000000 rgb(0,0,0)
```
#0b080c
```
#0b080c rgb(11,8,12)
```
#161018
```
#161018 rgb(22,16,24)
```
#201823
```
#201823 rgb(32,24,35)
```
#2b202f
```
#2b202f rgb(43,32,47)
```
#36283b
```
#36283b rgb(54,40,59)
```
#403047
```
#403047 rgb(64,48,71)
```
#4b3852
```
#4b3852 rgb(75,56,82)
```
#56405e
```
#56405e rgb(86,64,94)
```
#61476a
```
#61476a rgb(97,71,106)
```
#6b4f75
```
#6b4f75 rgb(107,79,117)
```
#765781
```
#765781 rgb(118,87,129)
```
#815f8d
```
#815f8d rgb(129,95,141)
```

Shade Color Variation

#8b6798
```
#8b6798 rgb(139,103,152)
```
#9473a0
```
#9473a0 rgb(148,115,160)
```
#9d7fa8
```
#9d7fa8 rgb(157,127,168)
```
#a68ab0
```
#a68ab0 rgb(166,138,176)
```
#af96b8
```
#af96b8 rgb(175,150,184)
```
#b8a2c0
```
#b8a2c0 rgb(184,162,192)
```
#c1adc8
```
#c1adc8 rgb(193,173,200)
```
#cab9d0
```
#cab9d0 rgb(202,185,208)
```
#d3c5d8
```
#d3c5d8 rgb(211,197,216)
```
#dcd1e0
```
#dcd1e0 rgb(220,209,224)
```
#e4dce7
```
#e4dce7 rgb(228,220,231)
```
#ede8ef
```
#ede8ef rgb(237,232,239)
```
#f6f4f7
```
#f6f4f7 rgb(246,244,247)
```

Tint Color Variation

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

#a9a4aa
```
#a9a4aa rgb(169,164,170)
```
#ac9db1
```
#ac9db1 rgb(172,157,177)
```
#af96b8
```
#af96b8 rgb(175,150,184)
```
#b28fbf
```
#b28fbf rgb(178,143,191)
```
#b588c6
```
#b588c6 rgb(181,136,198)
```
#b982cc
```
#b982cc rgb(185,130,204)
```
#bc7bd3
```
#bc7bd3 rgb(188,123,211)
```
#bf74da
```
#bf74da rgb(191,116,218)
```
#c26de1
```
#c26de1 rgb(194,109,225)
```
#c567e7
```
#c567e7 rgb(197,103,231)
```
#c860ee
```
#c860ee rgb(200,96,238)
```
#cc59f5
```
#cc59f5 rgb(204,89,245)
```
#cf52fc
```
#cf52fc rgb(207,82,252)
```

Tone Color Variation

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

#a1a1a1 Achromatopsia 0.005% of the population
#a49fa6 Atypical Achromatopsia 0.001% of the population

Dichromacy

#9ca2bf Protanopia 1% of men
#a79fba Deuteranopia 1% of men
#b09ea9 Tritanopia 0.001% of the population

Trichromacy

#a39dbc Protanomaly 1% of men, 0.01% of women
#aa9cb9 Deuteranomaly 6% of men, 0.4% of women
#af9baf Tritanomaly 0.01% of the population

#af96b8 hex color

#af96b8 Color Information

#af96b8 Color Conversion

Color Schemes with #af96b8

Alternatives to #af96b8

#af96b8 Preview

Shades and Tints of #af96b8

Tones of #af96b8

Color Blindness Simulator