#af96f0 hex color

In a RGB color space, hex #af96f0 is composed of 68.6% red, 58.8% green and 94.1% blue. Whereas in a CMYK color space, it is composed of 27.1% cyan, 37.5% magenta, 0% yellow and 5.9% black. It has a hue angle of 256.7 degrees, a saturation of 75% and a lightness of 76.5%. #af96f0 color hex could be obtained by blending #ffffff with #5f2de1. Closest websafe color is: #9999ff.

♥
- f
- t
- g
- R 69
- G 59
- B 94
RGB color chart
- C 27
- M 38
- Y 0
- K 6
CMYK color chart

● #af96f0 color description : Very soft violet.

The hexadecimal color #af96f0 has RGB values of R:175, G:150, B:240 and CMYK values of C:0.27, M:0.38, Y:0, K:0.06. Its decimal value is 11507440.

Hex triplet	af96f0	`#af96f0`
RGB Decimal	175, 150, 240	`rgb(175,150,240)`
RGB Percent	68.6, 58.8, 94.1	`rgb(68.6%,58.8%,94.1%)`
CMYK	27, 38, 0, 6
HSL	256.7°, 75, 76.5	`hsl(256.7,75%,76.5%)`
HSV (or HSB)	256.7°, 37.5, 94.1
Web Safe	9999ff	`#9999ff`

CIE-LAB	67.44, 28.043, -41.926
XYZ	44.311, 37.218, 87.283
xyY	0.262, 0.22, 37.218
CIE-LCH	67.44, 50.44, 303.777
CIE-LUV	67.44, 6.315, -70.876
Hunter-Lab	61.006, 22.889, -42.122
Binary	10101111, 10010110, 11110000

#af96f0
```
#af96f0 rgb(175,150,240)
```
#d7f096
```
#d7f096 rgb(215,240,150)
```

Complementary Color

#96aaf0
```
#96aaf0 rgb(150,170,240)
```
#af96f0
```
#af96f0 rgb(175,150,240)
```
#dc96f0
```
#dc96f0 rgb(220,150,240)
```

Analogous Color

#aaf096
```
#aaf096 rgb(170,240,150)
```
#af96f0
```
#af96f0 rgb(175,150,240)
```
#f0dc96
```
#f0dc96 rgb(240,220,150)
```

Split Complementary Color

#96f0af
```
#96f0af rgb(150,240,175)
```
#af96f0
```
#af96f0 rgb(175,150,240)
```
#f0af96
```
#f0af96 rgb(240,175,150)
```

Triadic Color

#96d7f0
```
#96d7f0 rgb(150,215,240)
```
#af96f0
```
#af96f0 rgb(175,150,240)
```
#f0af96
```
#f0af96 rgb(240,175,150)
```
#d7f096
```
#d7f096 rgb(215,240,150)
```

Tetradic Color

#7c53e6
```
#7c53e6 rgb(124,83,230)
```
#8d69ea
```
#8d69ea rgb(141,105,234)
```
#9e80ed
```
#9e80ed rgb(158,128,237)
```
#af96f0
```
#af96f0 rgb(175,150,240)
```
#c0acf3
```
#c0acf3 rgb(192,172,243)
```
#d1c3f6
```
#d1c3f6 rgb(209,195,246)
```
#e2d9fa
```
#e2d9fa rgb(226,217,250)
```

Monochromatic Color

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

#9996f0
```
#9996f0 rgb(153,150,240)
```
#a096f0
```
#a096f0 rgb(160,150,240)
```
#a896f0
```
#a896f0 rgb(168,150,240)
```
#af96f0
```
#af96f0 rgb(175,150,240)
```
#b796f0
```
#b796f0 rgb(183,150,240)
```
#be96f0
```
#be96f0 rgb(190,150,240)
```
#c696f0
```
#c696f0 rgb(198,150,240)
```

Similar Colors

Text with hexadecimal color #af96f0

This text has a font color of #af96f0.

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

#af96f0 background color

This paragraph has a background color of #af96f0.

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

#af96f0 border color

This element has a border color of #af96f0.

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

CSS codes

.text {color:#af96f0;}

.background {background-color:#af96f0;}

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

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, #06020f is the darkest color, while #fdfdff is the lightest one.

#06020f
```
#06020f rgb(6,2,15)
```
#0c0520
```
#0c0520 rgb(12,5,32)
```
#130731
```
#130731 rgb(19,7,49)
```
#190a43
```
#190a43 rgb(25,10,67)
```
#200c54
```
#200c54 rgb(32,12,84)
```
#260e65
```
#260e65 rgb(38,14,101)
```
#2d1176
```
#2d1176 rgb(45,17,118)
```
#341387
```
#341387 rgb(52,19,135)
```
#3a1698
```
#3a1698 rgb(58,22,152)
```
#4118aa
```
#4118aa rgb(65,24,170)
```
#471bbb
```
#471bbb rgb(71,27,187)
```
#4e1dcc
```
#4e1dcc rgb(78,29,204)
```
#5420dd
```
#5420dd rgb(84,32,221)
```

Shade Color Variation

#612fe1
```
#612fe1 rgb(97,47,225)
```
#6e40e4
```
#6e40e4 rgb(110,64,228)
```
#7b51e6
```
#7b51e6 rgb(123,81,230)
```
#8863e9
```
#8863e9 rgb(136,99,233)
```
#9574eb
```
#9574eb rgb(149,116,235)
```
#a285ee
```
#a285ee rgb(162,133,238)
```
#af96f0
```
#af96f0 rgb(175,150,240)
```
#bca7f2
```
#bca7f2 rgb(188,167,242)
```
#c9b8f5
```
#c9b8f5 rgb(201,184,245)
```
#d6c9f7
```
#d6c9f7 rgb(214,201,247)
```
#e3dbfa
```
#e3dbfa rgb(227,219,250)
```
#f0ecfc
```
#f0ecfc rgb(240,236,252)
```
#fdfdff
```
#fdfdff rgb(253,253,255)
```

Tint Color Variation

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

#c1c0c6
```
#c1c0c6 rgb(193,192,198)
```
#bfbbcb
```
#bfbbcb rgb(191,187,203)
```
#bdb6d0
```
#bdb6d0 rgb(189,182,208)
```
#bbb2d4
```
#bbb2d4 rgb(187,178,212)
```
#b9add9
```
#b9add9 rgb(185,173,217)
```
#b7a8de
```
#b7a8de rgb(183,168,222)
```
#b5a4e2
```
#b5a4e2 rgb(181,164,226)
```
#b39fe7
```
#b39fe7 rgb(179,159,231)
```
#b19beb
```
#b19beb rgb(177,155,235)
```
#af96f0
```
#af96f0 rgb(175,150,240)
```
#ad91f5
```
#ad91f5 rgb(173,145,245)
```
#ab8df9
```
#ab8df9 rgb(171,141,249)
```
#a988fe
```
#a988fe rgb(169,136,254)
```

Tone Color Variation

Below, you can see how #af96f0 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
#a9a4b6 Atypical Achromatopsia 0.001% of the population

Dichromacy

#89a6f8 Protanopia 1% of men
#8ba7ec Deuteranopia 1% of men
#a5a8b4 Tritanopia 0.001% of the population

Trichromacy

#96a0f5 Protanomaly 1% of men, 0.01% of women
#98a1ed Deuteranomaly 6% of men, 0.4% of women
#a8a1ca Tritanomaly 0.01% of the population

#af96f0 hex color

#af96f0 Color Information

#af96f0 Color Conversion

Color Schemes with #af96f0

Alternatives to #af96f0

#af96f0 Preview

Shades and Tints of #af96f0

Tones of #af96f0

Color Blindness Simulator