#af96e4 hex color

In a RGB color space, hex #af96e4 is composed of 68.6% red, 58.8% green and 89.4% blue. Whereas in a CMYK color space, it is composed of 23.2% cyan, 34.2% magenta, 0% yellow and 10.6% black. It has a hue angle of 259.2 degrees, a saturation of 59.1% and a lightness of 74.1%. #af96e4 color hex could be obtained by blending #ffffff with #5f2dc9. Closest websafe color is: #9999cc.

♥
- f
- t
- g
- R 69
- G 59
- B 89
RGB color chart
- C 23
- M 34
- Y 0
- K 11
CMYK color chart

● #af96e4 color description : Very soft violet.

The hexadecimal color #af96e4 has RGB values of R:175, G:150, B:228 and CMYK values of C:0.23, M:0.34, Y:0, K:0.11. Its decimal value is 11507428.

Hex triplet	af96e4	`#af96e4`
RGB Decimal	175, 150, 228	`rgb(175,150,228)`
RGB Percent	68.6, 58.8, 89.4	`rgb(68.6%,58.8%,89.4%)`
CMYK	23, 34, 0, 11
HSL	259.2°, 59.1, 74.1	`hsl(259.2,59.1%,74.1%)`
HSV (or HSB)	259.2°, 34.2, 89.4
Web Safe	9999cc	`#9999cc`

CIE-LAB	66.921, 25.183, -36.14
XYZ	42.587, 36.528, 78.202
xyY	0.271, 0.232, 36.528
CIE-LCH	66.921, 44.049, 304.87
CIE-LUV	66.921, 7.493, -60.814
Hunter-Lab	60.438, 20.009, -34.409
Binary	10101111, 10010110, 11100100

#af96e4
```
#af96e4 rgb(175,150,228)
```
#cbe496
```
#cbe496 rgb(203,228,150)
```

Complementary Color

#96a4e4
```
#96a4e4 rgb(150,164,228)
```
#af96e4
```
#af96e4 rgb(175,150,228)
```
#d696e4
```
#d696e4 rgb(214,150,228)
```

Analogous Color

#a4e496
```
#a4e496 rgb(164,228,150)
```
#af96e4
```
#af96e4 rgb(175,150,228)
```
#e4d696
```
#e4d696 rgb(228,214,150)
```

Split Complementary Color

#96e4af
```
#96e4af rgb(150,228,175)
```
#af96e4
```
#af96e4 rgb(175,150,228)
```
#e4af96
```
#e4af96 rgb(228,175,150)
```

Triadic Color

#96cbe4
```
#96cbe4 rgb(150,203,228)
```
#af96e4
```
#af96e4 rgb(175,150,228)
```
#e4af96
```
#e4af96 rgb(228,175,150)
```
#cbe496
```
#cbe496 rgb(203,228,150)
```

Tetradic Color

#8159d4
```
#8159d4 rgb(129,89,212)
```
#906dda
```
#906dda rgb(144,109,218)
```
#a082df
```
#a082df rgb(160,130,223)
```
#af96e4
```
#af96e4 rgb(175,150,228)
```
#beaae9
```
#beaae9 rgb(190,170,233)
```
#cebfee
```
#cebfee rgb(206,191,238)
```
#ddd3f4
```
#ddd3f4 rgb(221,211,244)
```

Monochromatic Color

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

#9c96e4
```
#9c96e4 rgb(156,150,228)
```
#a296e4
```
#a296e4 rgb(162,150,228)
```
#a996e4
```
#a996e4 rgb(169,150,228)
```
#af96e4
```
#af96e4 rgb(175,150,228)
```
#b696e4
```
#b696e4 rgb(182,150,228)
```
#bc96e4
```
#bc96e4 rgb(188,150,228)
```
#c396e4
```
#c396e4 rgb(195,150,228)
```

Similar Colors

Text with hexadecimal color #af96e4

This text has a font color of #af96e4.

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

#af96e4 background color

This paragraph has a background color of #af96e4.

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

#af96e4 border color

This element has a border color of #af96e4.

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

CSS codes

.text {color:#af96e4;}

.background {background-color:#af96e4;}

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

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

#020104
```
#020104 rgb(2,1,4)
```
#0a0514
```
#0a0514 rgb(10,5,20)
```
#120923
```
#120923 rgb(18,9,35)
```
#190d33
```
#190d33 rgb(25,13,51)
```
#211143
```
#211143 rgb(33,17,67)
```
#291552
```
#291552 rgb(41,21,82)
```
#301962
```
#301962 rgb(48,25,98)
```
#381d71
```
#381d71 rgb(56,29,113)
```
#402181
```
#402181 rgb(64,33,129)
```
#482591
```
#482591 rgb(72,37,145)
```
#4f29a0
```
#4f29a0 rgb(79,41,160)
```
#572db0
```
#572db0 rgb(87,45,176)
```
#5f31bf
```
#5f31bf rgb(95,49,191)
```

Shade Color Variation

#6838cc
```
#6838cc rgb(104,56,204)
```
#7448d0
```
#7448d0 rgb(116,72,208)
```
#7f58d4
```
#7f58d4 rgb(127,88,212)
```
#8b67d8
```
#8b67d8 rgb(139,103,216)
```
#9777dc
```
#9777dc rgb(151,119,220)
```
#a386e0
```
#a386e0 rgb(163,134,224)
```
#af96e4
```
#af96e4 rgb(175,150,228)
```
#bba6e8
```
#bba6e8 rgb(187,166,232)
```
#c7b5ec
```
#c7b5ec rgb(199,181,236)
```
#d3c5f0
```
#d3c5f0 rgb(211,197,240)
```
#dfd4f4
```
#dfd4f4 rgb(223,212,244)
```
#eae4f8
```
#eae4f8 rgb(234,228,248)
```
#f6f4fc
```
#f6f4fc rgb(246,244,252)
```

Tint Color Variation

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

#bcbac0
```
#bcbac0 rgb(188,186,192)
```
#bab4c6
```
#bab4c6 rgb(186,180,198)
```
#b8afcb
```
#b8afcb rgb(184,175,203)
```
#b6aad0
```
#b6aad0 rgb(182,170,208)
```
#b4a5d5
```
#b4a5d5 rgb(180,165,213)
```
#b3a0da
```
#b3a0da rgb(179,160,218)
```
#b19bdf
```
#b19bdf rgb(177,155,223)
```
#af96e4
```
#af96e4 rgb(175,150,228)
```
#ad91e9
```
#ad91e9 rgb(173,145,233)
```
#ab8cee
```
#ab8cee rgb(171,140,238)
```
#aa87f3
```
#aa87f3 rgb(170,135,243)
```
#a882f8
```
#a882f8 rgb(168,130,248)
```
#a67dfd
```
#a67dfd rgb(166,125,253)
```

Tone Color Variation

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

#a6a6a6 Achromatopsia 0.005% of the population
#a8a3b2 Atypical Achromatopsia 0.001% of the population

Dichromacy

#8ea5ec Protanopia 1% of men
#92a5e1 Deuteranopia 1% of men
#a7a6b2 Tritanopia 0.001% of the population

Trichromacy

#9a9fe9 Protanomaly 1% of men, 0.01% of women
#9da0e2 Deuteranomaly 6% of men, 0.4% of women
#aaa0c4 Tritanomaly 0.01% of the population

#af96e4 hex color

#af96e4 Color Information

#af96e4 Color Conversion

Color Schemes with #af96e4

Alternatives to #af96e4

#af96e4 Preview

Shades and Tints of #af96e4

Tones of #af96e4

Color Blindness Simulator