#af96e3 hex color

In a RGB color space, hex #af96e3 is composed of 68.6% red, 58.8% green and 89% blue. Whereas in a CMYK color space, it is composed of 22.9% cyan, 33.9% magenta, 0% yellow and 11% black. It has a hue angle of 259.5 degrees, a saturation of 57.9% and a lightness of 73.9%. #af96e3 color hex could be obtained by blending #ffffff with #5f2dc7. 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

● #af96e3 color description : Very soft violet.

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

Hex triplet	af96e3	`#af96e3`
RGB Decimal	175, 150, 227	`rgb(175,150,227)`
RGB Percent	68.6, 58.8, 89	`rgb(68.6%,58.8%,89%)`
CMYK	23, 34, 0, 11
HSL	259.5°, 57.9, 73.9	`hsl(259.5,57.9%,73.9%)`
HSV (or HSB)	259.5°, 33.9, 89
Web Safe	9999cc	`#9999cc`

CIE-LAB	66.88, 24.949, -35.654
XYZ	42.448, 36.473, 77.472
xyY	0.271, 0.233, 36.473
CIE-LCH	66.88, 43.516, 304.982
CIE-LUV	66.88, 7.592, -59.973
Hunter-Lab	60.393, 19.776, -33.783
Binary	10101111, 10010110, 11100011

#af96e3
```
#af96e3 rgb(175,150,227)
```
#cae396
```
#cae396 rgb(202,227,150)
```

Complementary Color

#96a4e3
```
#96a4e3 rgb(150,164,227)
```
#af96e3
```
#af96e3 rgb(175,150,227)
```
#d696e3
```
#d696e3 rgb(214,150,227)
```

Analogous Color

#a4e396
```
#a4e396 rgb(164,227,150)
```
#af96e3
```
#af96e3 rgb(175,150,227)
```
#e3d696
```
#e3d696 rgb(227,214,150)
```

Split Complementary Color

#96e3af
```
#96e3af rgb(150,227,175)
```
#af96e3
```
#af96e3 rgb(175,150,227)
```
#e3af96
```
#e3af96 rgb(227,175,150)
```

Triadic Color

#96cae3
```
#96cae3 rgb(150,202,227)
```
#af96e3
```
#af96e3 rgb(175,150,227)
```
#e3af96
```
#e3af96 rgb(227,175,150)
```
#cae396
```
#cae396 rgb(202,227,150)
```

Tetradic Color

#815ad3
```
#815ad3 rgb(129,90,211)
```
#906ed8
```
#906ed8 rgb(144,110,216)
```
#a082de
```
#a082de rgb(160,130,222)
```
#af96e3
```
#af96e3 rgb(175,150,227)
```
#beaae8
```
#beaae8 rgb(190,170,232)
```
#cebeee
```
#cebeee rgb(206,190,238)
```
#ddd2f3
```
#ddd2f3 rgb(221,210,243)
```

Monochromatic Color

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

#9c96e3
```
#9c96e3 rgb(156,150,227)
```
#a296e3
```
#a296e3 rgb(162,150,227)
```
#a996e3
```
#a996e3 rgb(169,150,227)
```
#af96e3
```
#af96e3 rgb(175,150,227)
```
#b596e3
```
#b596e3 rgb(181,150,227)
```
#bc96e3
```
#bc96e3 rgb(188,150,227)
```
#c296e3
```
#c296e3 rgb(194,150,227)
```

Similar Colors

Text with hexadecimal color #af96e3

This text has a font color of #af96e3.

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

#af96e3 background color

This paragraph has a background color of #af96e3.

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

#af96e3 border color

This element has a border color of #af96e3.

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

CSS codes

.text {color:#af96e3;}

.background {background-color:#af96e3;}

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

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

#020103
```
#020103 rgb(2,1,3)
```
#0a0513
```
#0a0513 rgb(10,5,19)
```
#110922
```
#110922 rgb(17,9,34)
```
#190d32
```
#190d32 rgb(25,13,50)
```
#211141
```
#211141 rgb(33,17,65)
```
#291651
```
#291651 rgb(41,22,81)
```
#311a60
```
#311a60 rgb(49,26,96)
```
#381e70
```
#381e70 rgb(56,30,112)
```
#40227f
```
#40227f rgb(64,34,127)
```
#48268f
```
#48268f rgb(72,38,143)
```
#502a9e
```
#502a9e rgb(80,42,158)
```
#582eae
```
#582eae rgb(88,46,174)
```
#6032bd
```
#6032bd rgb(96,50,189)
```

Shade Color Variation

#6839ca
```
#6839ca rgb(104,57,202)
```
#7449ce
```
#7449ce rgb(116,73,206)
```
#8058d2
```
#8058d2 rgb(128,88,210)
```
#8c68d7
```
#8c68d7 rgb(140,104,215)
```
#9777db
```
#9777db rgb(151,119,219)
```
#a387df
```
#a387df rgb(163,135,223)
```
#af96e3
```
#af96e3 rgb(175,150,227)
```
#bba5e7
```
#bba5e7 rgb(187,165,231)
```
#c7b5eb
```
#c7b5eb rgb(199,181,235)
```
#d2c4ef
```
#d2c4ef rgb(210,196,239)
```
#ded4f4
```
#ded4f4 rgb(222,212,244)
```
#eae3f8
```
#eae3f8 rgb(234,227,248)
```
#f6f3fc
```
#f6f3fc rgb(246,243,252)
```

Tint Color Variation

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

#bcbabf
```
#bcbabf rgb(188,186,191)
```
#bab5c4
```
#bab5c4 rgb(186,181,196)
```
#b8b0c9
```
#b8b0c9 rgb(184,176,201)
```
#b6aacf
```
#b6aacf rgb(182,170,207)
```
#b4a5d4
```
#b4a5d4 rgb(180,165,212)
```
#b3a0d9
```
#b3a0d9 rgb(179,160,217)
```
#b19bde
```
#b19bde rgb(177,155,222)
```
#af96e3
```
#af96e3 rgb(175,150,227)
```
#ad91e8
```
#ad91e8 rgb(173,145,232)
```
#ab8ced
```
#ab8ced rgb(171,140,237)
```
#aa87f2
```
#aa87f2 rgb(170,135,242)
```
#a882f7
```
#a882f7 rgb(168,130,247)
```
#a67cfd
```
#a67cfd rgb(166,124,253)
```

Tone Color Variation

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

#8ea5eb Protanopia 1% of men
#93a5e0 Deuteranopia 1% of men
#a8a6b2 Tritanopia 0.001% of the population

Trichromacy

#9a9fe8 Protanomaly 1% of men, 0.01% of women
#9d9fe1 Deuteranomaly 6% of men, 0.4% of women
#aaa0c3 Tritanomaly 0.01% of the population

#af96e3 hex color

#af96e3 Color Information

#af96e3 Color Conversion

Color Schemes with #af96e3

Alternatives to #af96e3

#af96e3 Preview

Shades and Tints of #af96e3

Tones of #af96e3

Color Blindness Simulator