#af96da hex color

In a RGB color space, hex #af96da is composed of 68.6% red, 58.8% green and 85.5% blue. Whereas in a CMYK color space, it is composed of 19.7% cyan, 31.2% magenta, 0% yellow and 14.5% black. It has a hue angle of 262.1 degrees, a saturation of 47.9% and a lightness of 72.2%. #af96da color hex could be obtained by blending #ffffff with #5f2db5. Closest websafe color is: #9999cc.

♥
- f
- t
- g
- R 69
- G 59
- B 85
RGB color chart
- C 20
- M 31
- Y 0
- K 15
CMYK color chart

● #af96da color description : Very soft violet.

The hexadecimal color #af96da has RGB values of R:175, G:150, B:218 and CMYK values of C:0.2, M:0.31, Y:0, K:0.15. Its decimal value is 11507418.

Hex triplet	af96da	`#af96da`
RGB Decimal	175, 150, 218	`rgb(175,150,218)`
RGB Percent	68.6, 58.8, 85.5	`rgb(68.6%,58.8%,85.5%)`
CMYK	20, 31, 0, 15
HSL	262.1°, 47.9, 72.2	`hsl(262.1,47.9%,72.2%)`
HSV (or HSB)	262.1°, 31.2, 85.5
Web Safe	9999cc	`#9999cc`

CIE-LAB	66.511, 22.87, -31.252
XYZ	41.238, 35.989, 71.1
xyY	0.278, 0.243, 35.989
CIE-LCH	66.511, 38.726, 306.195
CIE-LUV	66.511, 8.485, -52.392
Hunter-Lab	59.991, 17.72, -28.276
Binary	10101111, 10010110, 11011010

#af96da
```
#af96da rgb(175,150,218)
```
#c1da96
```
#c1da96 rgb(193,218,150)
```

Complementary Color

#969fda
```
#969fda rgb(150,159,218)
```
#af96da
```
#af96da rgb(175,150,218)
```
#d196da
```
#d196da rgb(209,150,218)
```

Analogous Color

#9fda96
```
#9fda96 rgb(159,218,150)
```
#af96da
```
#af96da rgb(175,150,218)
```
#dad196
```
#dad196 rgb(218,209,150)
```

Split Complementary Color

#96daaf
```
#96daaf rgb(150,218,175)
```
#af96da
```
#af96da rgb(175,150,218)
```
#daaf96
```
#daaf96 rgb(218,175,150)
```

Triadic Color

#96c1da
```
#96c1da rgb(150,193,218)
```
#af96da
```
#af96da rgb(175,150,218)
```
#daaf96
```
#daaf96 rgb(218,175,150)
```
#c1da96
```
#c1da96 rgb(193,218,150)
```

Tetradic Color

#845dc6
```
#845dc6 rgb(132,93,198)
```
#9270cd
```
#9270cd rgb(146,112,205)
```
#a183d3
```
#a183d3 rgb(161,131,211)
```
#af96da
```
#af96da rgb(175,150,218)
```
#bda9e1
```
#bda9e1 rgb(189,169,225)
```
#ccbce7
```
#ccbce7 rgb(204,188,231)
```
#dacfee
```
#dacfee rgb(218,207,238)
```

Monochromatic Color

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

#9e96da
```
#9e96da rgb(158,150,218)
```
#a496da
```
#a496da rgb(164,150,218)
```
#a996da
```
#a996da rgb(169,150,218)
```
#af96da
```
#af96da rgb(175,150,218)
```
#b596da
```
#b596da rgb(181,150,218)
```
#ba96da
```
#ba96da rgb(186,150,218)
```
#c096da
```
#c096da rgb(192,150,218)
```

Similar Colors

Text with hexadecimal color #af96da

This text has a font color of #af96da.

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

#af96da background color

This paragraph has a background color of #af96da.

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

#af96da border color

This element has a border color of #af96da.

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

CSS codes

.text {color:#af96da;}

.background {background-color:#af96da;}

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

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, #07040b is the darkest color, while #fcfcfe is the lightest one.

#07040b
```
#07040b rgb(7,4,11)
```
#0f091a
```
#0f091a rgb(15,9,26)
```
#180e28
```
#180e28 rgb(24,14,40)
```
#201337
```
#201337 rgb(32,19,55)
```
#291845
```
#291845 rgb(41,24,69)
```
#311d54
```
#311d54 rgb(49,29,84)
```
#3a2362
```
#3a2362 rgb(58,35,98)
```
#422871
```
#422871 rgb(66,40,113)
```
#4b2d7f
```
#4b2d7f rgb(75,45,127)
```
#54328e
```
#54328e rgb(84,50,142)
```
#5c379c
```
#5c379c rgb(92,55,156)
```
#653cab
```
#653cab rgb(101,60,171)
```
#6d41b9
```
#6d41b9 rgb(109,65,185)
```

Shade Color Variation

#784dc0
```
#784dc0 rgb(120,77,192)
```
#835cc6
```
#835cc6 rgb(131,92,198)
```
#8e6acb
```
#8e6acb rgb(142,106,203)
```
#9979d0
```
#9979d0 rgb(153,121,208)
```
#a487d5
```
#a487d5 rgb(164,135,213)
```
#af96da
```
#af96da rgb(175,150,218)
```
#baa5df
```
#baa5df rgb(186,165,223)
```
#c5b3e4
```
#c5b3e4 rgb(197,179,228)
```
#d0c2e9
```
#d0c2e9 rgb(208,194,233)
```
#dbd0ee
```
#dbd0ee rgb(219,208,238)
```
#e6dff4
```
#e6dff4 rgb(230,223,244)
```
#f1edf9
```
#f1edf9 rgb(241,237,249)
```
#fcfcfe
```
#fcfcfe rgb(252,252,254)
```

Tint Color Variation

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

#b8b7b9
```
#b8b7b9 rgb(184,183,185)
```
#b6b1bf
```
#b6b1bf rgb(182,177,191)
```
#b5acc4
```
#b5acc4 rgb(181,172,196)
```
#b3a6ca
```
#b3a6ca rgb(179,166,202)
```
#b2a1cf
```
#b2a1cf rgb(178,161,207)
```
#b09bd5
```
#b09bd5 rgb(176,155,213)
```
#af96da
```
#af96da rgb(175,150,218)
```
#ae91df
```
#ae91df rgb(174,145,223)
```
#ac8be5
```
#ac8be5 rgb(172,139,229)
```
#ab86ea
```
#ab86ea rgb(171,134,234)
```
#a980f0
```
#a980f0 rgb(169,128,240)
```
#a87bf5
```
#a87bf5 rgb(168,123,245)
```
#a675fb
```
#a675fb rgb(166,117,251)
```

Tone Color Variation

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

#a5a5a5 Achromatopsia 0.005% of the population
#a7a2b0 Atypical Achromatopsia 0.001% of the population

Dichromacy

#92a4e2 Protanopia 1% of men
#98a4d8 Deuteranopia 1% of men
#a9a4b0 Tritanopia 0.001% of the population

Trichromacy

#9c9fdf Protanomaly 1% of men, 0.01% of women
#a09fd9 Deuteranomaly 6% of men, 0.4% of women
#ab9fbf Tritanomaly 0.01% of the population

#af96da hex color

#af96da Color Information

#af96da Color Conversion

Color Schemes with #af96da

Alternatives to #af96da

#af96da Preview

Shades and Tints of #af96da

Tones of #af96da

Color Blindness Simulator