#af96f5 hex color

In a RGB color space, hex #af96f5 is composed of 68.6% red, 58.8% green and 96.1% blue. Whereas in a CMYK color space, it is composed of 28.6% cyan, 38.8% magenta, 0% yellow and 3.9% black. It has a hue angle of 255.8 degrees, a saturation of 82.6% and a lightness of 77.5%. #af96f5 color hex could be obtained by blending #ffffff with #5f2deb. Closest websafe color is: #9999ff.

♥
- f
- t
- g
- R 69
- G 59
- B 96
RGB color chart
- C 29
- M 39
- Y 0
- K 4
CMYK color chart

● #af96f5 color description : Very soft violet.

The hexadecimal color #af96f5 has RGB values of R:175, G:150, B:245 and CMYK values of C:0.29, M:0.39, Y:0, K:0.04. Its decimal value is 11507445.

Hex triplet	af96f5	`#af96f5`
RGB Decimal	175, 150, 245	`rgb(175,150,245)`
RGB Percent	68.6, 58.8, 96.1	`rgb(68.6%,58.8%,96.1%)`
CMYK	29, 39, 0, 4
HSL	255.8°, 82.6, 77.5	`hsl(255.8,82.6%,77.5%)`
HSV (or HSB)	255.8°, 38.8, 96.1
Web Safe	9999ff	`#9999ff`

CIE-LAB	67.665, 29.259, -44.312
XYZ	45.064, 37.519, 91.249
xyY	0.259, 0.216, 37.519
CIE-LCH	67.665, 53.1, 303.437
CIE-LUV	67.665, 5.828, -75.045
Hunter-Lab	61.253, 24.131, -45.448
Binary	10101111, 10010110, 11110101

#af96f5
```
#af96f5 rgb(175,150,245)
```
#dcf596
```
#dcf596 rgb(220,245,150)
```

Complementary Color

#96adf5
```
#96adf5 rgb(150,173,245)
```
#af96f5
```
#af96f5 rgb(175,150,245)
```
#df96f5
```
#df96f5 rgb(223,150,245)
```

Analogous Color

#adf596
```
#adf596 rgb(173,245,150)
```
#af96f5
```
#af96f5 rgb(175,150,245)
```
#f5df96
```
#f5df96 rgb(245,223,150)
```

Split Complementary Color

#96f5af
```
#96f5af rgb(150,245,175)
```
#af96f5
```
#af96f5 rgb(175,150,245)
```
#f5af96
```
#f5af96 rgb(245,175,150)
```

Triadic Color

#96dcf5
```
#96dcf5 rgb(150,220,245)
```
#af96f5
```
#af96f5 rgb(175,150,245)
```
#f5af96
```
#f5af96 rgb(245,175,150)
```
#dcf596
```
#dcf596 rgb(220,245,150)
```

Tetradic Color

#7a50ee
```
#7a50ee rgb(122,80,238)
```
#8c67f1
```
#8c67f1 rgb(140,103,241)
```
#9d7ff3
```
#9d7ff3 rgb(157,127,243)
```
#af96f5
```
#af96f5 rgb(175,150,245)
```
#c1adf7
```
#c1adf7 rgb(193,173,247)
```
#d2c5f9
```
#d2c5f9 rgb(210,197,249)
```
#e4dcfc
```
#e4dcfc rgb(228,220,252)
```

Monochromatic Color

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

#9796f5
```
#9796f5 rgb(151,150,245)
```
#9f96f5
```
#9f96f5 rgb(159,150,245)
```
#a796f5
```
#a796f5 rgb(167,150,245)
```
#af96f5
```
#af96f5 rgb(175,150,245)
```
#b796f5
```
#b796f5 rgb(183,150,245)
```
#bf96f5
```
#bf96f5 rgb(191,150,245)
```
#c796f5
```
#c796f5 rgb(199,150,245)
```

Similar Colors

Text with hexadecimal color #af96f5

This text has a font color of #af96f5.

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

#af96f5 background color

This paragraph has a background color of #af96f5.

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

#af96f5 border color

This element has a border color of #af96f5.

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

CSS codes

.text {color:#af96f5;}

.background {background-color:#af96f5;}

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

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

#010002
```
#010002 rgb(1,0,2)
```
#070214
```
#070214 rgb(7,2,20)
```
#0d0426
```
#0d0426 rgb(13,4,38)
```
#130538
```
#130538 rgb(19,5,56)
```
#19074a
```
#19074a rgb(25,7,74)
```
#1f095c
```
#1f095c rgb(31,9,92)
```
#250a6e
```
#250a6e rgb(37,10,110)
```
#2b0c80
```
#2b0c80 rgb(43,12,128)
```
#310e92
```
#310e92 rgb(49,14,146)
```
#3710a4
```
#3710a4 rgb(55,16,164)
```
#3d11b6
```
#3d11b6 rgb(61,17,182)
```
#4213c7
```
#4213c7 rgb(66,19,199)
```
#4815d9
```
#4815d9 rgb(72,21,217)
```

Shade Color Variation

#4f19e9
```
#4f19e9 rgb(79,25,233)
```
#5d2beb
```
#5d2beb rgb(93,43,235)
```
#6b3cec
```
#6b3cec rgb(107,60,236)
```
#784eee
```
#784eee rgb(120,78,238)
```
#8660f0
```
#8660f0 rgb(134,96,240)
```
#9472f2
```
#9472f2 rgb(148,114,242)
```
#a184f3
```
#a184f3 rgb(161,132,243)
```
#af96f5
```
#af96f5 rgb(175,150,245)
```
#bda8f7
```
#bda8f7 rgb(189,168,247)
```
#cabaf8
```
#cabaf8 rgb(202,186,248)
```
#d8ccfa
```
#d8ccfa rgb(216,204,250)
```
#e6defc
```
#e6defc rgb(230,222,252)
```
#f3f0fe
```
#f3f0fe rgb(243,240,254)
```

Tint Color Variation

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

#c4c2c9
```
#c4c2c9 rgb(196,194,201)
```
#c2becd
```
#c2becd rgb(194,190,205)
```
#c0b9d2
```
#c0b9d2 rgb(192,185,210)
```
#beb5d6
```
#beb5d6 rgb(190,181,214)
```
#bcb1da
```
#bcb1da rgb(188,177,218)
```
#b9acdf
```
#b9acdf rgb(185,172,223)
```
#b7a8e3
```
#b7a8e3 rgb(183,168,227)
```
#b5a3e8
```
#b5a3e8 rgb(181,163,232)
```
#b39fec
```
#b39fec rgb(179,159,236)
```
#b19af1
```
#b19af1 rgb(177,154,241)
```
#af96f5
```
#af96f5 rgb(175,150,245)
```
#ad92f9
```
#ad92f9 rgb(173,146,249)
```
#ab8dfe
```
#ab8dfe rgb(171,141,254)
```

Tone Color Variation

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

#a8a8a8 Achromatopsia 0.005% of the population
#a9a4b7 Atypical Achromatopsia 0.001% of the population

Dichromacy

#86a6fd Protanopia 1% of men
#88a8f0 Deuteranopia 1% of men
#a3a9b5 Tritanopia 0.001% of the population

Trichromacy

#95a0fa Protanomaly 1% of men, 0.01% of women
#96a1f2 Deuteranomaly 6% of men, 0.4% of women
#a7a2cc Tritanomaly 0.01% of the population

#af96f5 hex color

#af96f5 Color Information

#af96f5 Color Conversion

Color Schemes with #af96f5

Alternatives to #af96f5

#af96f5 Preview

Shades and Tints of #af96f5

Tones of #af96f5

Color Blindness Simulator