#af96fd hex color

In a RGB color space, hex #af96fd is composed of 68.6% red, 58.8% green and 99.2% blue. Whereas in a CMYK color space, it is composed of 30.8% cyan, 40.7% magenta, 0% yellow and 0.8% black. It has a hue angle of 254.6 degrees, a saturation of 96.3% and a lightness of 79%. #af96fd color hex could be obtained by blending #ffffff with #5f2dfb. Closest websafe color is: #9999ff.

♥
- f
- t
- g
- R 69
- G 59
- B 99
RGB color chart
- C 31
- M 41
- Y 0
- K 1
CMYK color chart

● #af96fd color description : Very soft blue.

The hexadecimal color #af96fd has RGB values of R:175, G:150, B:253 and CMYK values of C:0.31, M:0.41, Y:0, K:0.01. Its decimal value is 11507453.

Hex triplet	af96fd	`#af96fd`
RGB Decimal	175, 150, 253	`rgb(175,150,253)`
RGB Percent	68.6, 58.8, 99.2	`rgb(68.6%,58.8%,99.2%)`
CMYK	31, 41, 0, 1
HSL	254.6°, 96.3, 79	`hsl(254.6,96.3%,79%)`
HSV (or HSB)	254.6°, 40.7, 99.2
Web Safe	9999ff	`#9999ff`

CIE-LAB	68.034, 31.233, -48.098
XYZ	46.312, 38.018, 97.821
xyY	0.254, 0.209, 38.018
CIE-LCH	68.034, 57.349, 302.999
CIE-LUV	68.034, 5.058, -81.68
Hunter-Lab	61.659, 26.168, -50.902
Binary	10101111, 10010110, 11111101

#af96fd
```
#af96fd rgb(175,150,253)
```
#e4fd96
```
#e4fd96 rgb(228,253,150)
```

Complementary Color

#96b1fd
```
#96b1fd rgb(150,177,253)
```
#af96fd
```
#af96fd rgb(175,150,253)
```
#e396fd
```
#e396fd rgb(227,150,253)
```

Analogous Color

#b1fd96
```
#b1fd96 rgb(177,253,150)
```
#af96fd
```
#af96fd rgb(175,150,253)
```
#fde396
```
#fde396 rgb(253,227,150)
```

Split Complementary Color

#96fdaf
```
#96fdaf rgb(150,253,175)
```
#af96fd
```
#af96fd rgb(175,150,253)
```
#fdaf96
```
#fdaf96 rgb(253,175,150)
```

Triadic Color

#96e4fd
```
#96e4fd rgb(150,228,253)
```
#af96fd
```
#af96fd rgb(175,150,253)
```
#fdaf96
```
#fdaf96 rgb(253,175,150)
```
#e4fd96
```
#e4fd96 rgb(228,253,150)
```

Tetradic Color

#764bfc
```
#764bfc rgb(118,75,252)
```
#8964fc
```
#8964fc rgb(137,100,252)
```
#9c7dfd
```
#9c7dfd rgb(156,125,253)
```
#af96fd
```
#af96fd rgb(175,150,253)
```
#c2affd
```
#c2affd rgb(194,175,253)
```
#d5c8fe
```
#d5c8fe rgb(213,200,254)
```
#e8e1fe
```
#e8e1fe rgb(232,225,254)
```

Monochromatic Color

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

#9697fd
```
#9697fd rgb(150,151,253)
```
#9e96fd
```
#9e96fd rgb(158,150,253)
```
#a696fd
```
#a696fd rgb(166,150,253)
```
#af96fd
```
#af96fd rgb(175,150,253)
```
#b896fd
```
#b896fd rgb(184,150,253)
```
#c096fd
```
#c096fd rgb(192,150,253)
```
#c996fd
```
#c996fd rgb(201,150,253)
```

Similar Colors

Text with hexadecimal color #af96fd

This text has a font color of #af96fd.

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

#af96fd background color

This paragraph has a background color of #af96fd.

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

#af96fd border color

This element has a border color of #af96fd.

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

CSS codes

.text {color:#af96fd;}

.background {background-color:#af96fd;}

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

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, #03000a is the darkest color, while #f8f6ff is the lightest one.

#03000a
```
#03000a rgb(3,0,10)
```
#08011e
```
#08011e rgb(8,1,30)
```
#0d0131
```
#0d0131 rgb(13,1,49)
```
#120144
```
#120144 rgb(18,1,68)
```
#160257
```
#160257 rgb(22,2,87)
```
#1b026b
```
#1b026b rgb(27,2,107)
```
#20027e
```
#20027e rgb(32,2,126)
```
#250391
```
#250391 rgb(37,3,145)
```
#2a03a4
```
#2a03a4 rgb(42,3,164)
```
#2f03b8
```
#2f03b8 rgb(47,3,184)
```
#3404cb
```
#3404cb rgb(52,4,203)
```
#3904de
```
#3904de rgb(57,4,222)
```
#3e05f1
```
#3e05f1 rgb(62,5,241)
```

Shade Color Variation

#480ffa
```
#480ffa rgb(72,15,250)
```
#5723fb
```
#5723fb rgb(87,35,251)
```
#6636fb
```
#6636fb rgb(102,54,251)
```
#7449fc
```
#7449fc rgb(116,73,252)
```
#835cfc
```
#835cfc rgb(131,92,252)
```
#9270fc
```
#9270fc rgb(146,112,252)
```
#a083fd
```
#a083fd rgb(160,131,253)
```
#af96fd
```
#af96fd rgb(175,150,253)
```
#bea9fd
```
#bea9fd rgb(190,169,253)
```
#ccbcfe
```
#ccbcfe rgb(204,188,254)
```
#dbd0fe
```
#dbd0fe rgb(219,208,254)
```
#eae3fe
```
#eae3fe rgb(234,227,254)
```
#f8f6ff
```
#f8f6ff rgb(248,246,255)
```

Tint Color Variation

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

#c8c7cc
```
#c8c7cc rgb(200,199,204)
```
#c6c3d0
```
#c6c3d0 rgb(198,195,208)
```
#c4bfd4
```
#c4bfd4 rgb(196,191,212)
```
#c2bbd8
```
#c2bbd8 rgb(194,187,216)
```
#c0b7dc
```
#c0b7dc rgb(192,183,220)
```
#beb3e0
```
#beb3e0 rgb(190,179,224)
```
#bcafe4
```
#bcafe4 rgb(188,175,228)
```
#baabe8
```
#baabe8 rgb(186,171,232)
```
#b7a6ed
```
#b7a6ed rgb(183,166,237)
```
#b5a2f1
```
#b5a2f1 rgb(181,162,241)
```
#b39ef5
```
#b39ef5 rgb(179,158,245)
```
#b19af9
```
#b19af9 rgb(177,154,249)
```
#af96fd
```
#af96fd rgb(175,150,253)
```

Tone Color Variation

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

#a9a9a9 Achromatopsia 0.005% of the population
#aaa5ba Atypical Achromatopsia 0.001% of the population

Dichromacy

#87a7ff Protanopia 1% of men
#82a9f7 Deuteranopia 1% of men
#a1abb7 Tritanopia 0.001% of the population

Trichromacy

#95a1fe Protanomaly 1% of men, 0.01% of women
#92a2f9 Deuteranomaly 6% of men, 0.4% of women
#a6a3d0 Tritanomaly 0.01% of the population

#af96fd hex color

#af96fd Color Information

#af96fd Color Conversion

Color Schemes with #af96fd

Alternatives to #af96fd

#af96fd Preview

Shades and Tints of #af96fd

Tones of #af96fd

Color Blindness Simulator