#af5ef9 hex color

In a RGB color space, hex #af5ef9 is composed of 68.6% red, 36.9% green and 97.6% blue. Whereas in a CMYK color space, it is composed of 29.7% cyan, 62.2% magenta, 0% yellow and 2.4% black. It has a hue angle of 271.4 degrees, a saturation of 92.8% and a lightness of 67.3%. #af5ef9 color hex could be obtained by blending #ffbcff with #5f00f3. Closest websafe color is: #9966ff.

♥
- f
- t
- g
- R 69
- G 37
- B 98
RGB color chart
- C 30
- M 62
- Y 0
- K 2
CMYK color chart

● #af5ef9 color description : Soft violet.

The hexadecimal color #af5ef9 has RGB values of R:175, G:94, B:249 and CMYK values of C:0.3, M:0.62, Y:0, K:0.02. Its decimal value is 11493113.

Hex triplet	af5ef9	`#af5ef9`
RGB Decimal	175, 94, 249	`rgb(175,94,249)`
RGB Percent	68.6, 36.9, 97.6	`rgb(68.6%,36.9%,97.6%)`
CMYK	30, 62, 0, 2
HSL	271.4°, 92.8, 67.3	`hsl(271.4,92.8%,67.3%)`
HSV (or HSB)	271.4°, 62.2, 97.6
Web Safe	9966ff	`#9966ff`

CIE-LAB	56.047, 60.291, -64.994
XYZ	38.778, 23.959, 92.199
xyY	0.25, 0.155, 23.959
CIE-LCH	56.047, 88.653, 312.85
CIE-LUV	56.047, 23.342, -108.393
Hunter-Lab	48.948, 55.752, -77.415
Binary	10101111, 01011110, 11111001

#af5ef9
```
#af5ef9 rgb(175,94,249)
```
#a8f95e
```
#a8f95e rgb(168,249,94)
```

Complementary Color

#615ef9
```
#615ef9 rgb(97,94,249)
```
#af5ef9
```
#af5ef9 rgb(175,94,249)
```
#f95ef6
```
#f95ef6 rgb(249,94,246)
```

Analogous Color

#5ef961
```
#5ef961 rgb(94,249,97)
```
#af5ef9
```
#af5ef9 rgb(175,94,249)
```
#f6f95e
```
#f6f95e rgb(246,249,94)
```

Split Complementary Color

#5ef9af
```
#5ef9af rgb(94,249,175)
```
#af5ef9
```
#af5ef9 rgb(175,94,249)
```
#f9af5e
```
#f9af5e rgb(249,175,94)
```

Triadic Color

#5ea8f9
```
#5ea8f9 rgb(94,168,249)
```
#af5ef9
```
#af5ef9 rgb(175,94,249)
```
#f9af5e
```
#f9af5e rgb(249,175,94)
```
#a8f95e
```
#a8f95e rgb(168,249,94)
```

Tetradic Color

#8a14f6
```
#8a14f6 rgb(138,20,246)
```
#972df7
```
#972df7 rgb(151,45,247)
```
#a345f8
```
#a345f8 rgb(163,69,248)
```
#af5ef9
```
#af5ef9 rgb(175,94,249)
```
#bb77fa
```
#bb77fa rgb(187,119,250)
```
#c78ffb
```
#c78ffb rgb(199,143,251)
```
#d4a8fc
```
#d4a8fc rgb(212,168,252)
```

Monochromatic Color

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

#885ef9
```
#885ef9 rgb(136,94,249)
```
#955ef9
```
#955ef9 rgb(149,94,249)
```
#a25ef9
```
#a25ef9 rgb(162,94,249)
```
#af5ef9
```
#af5ef9 rgb(175,94,249)
```
#bc5ef9
```
#bc5ef9 rgb(188,94,249)
```
#c95ef9
```
#c95ef9 rgb(201,94,249)
```
#d65ef9
```
#d65ef9 rgb(214,94,249)
```

Similar Colors

Text with hexadecimal color #af5ef9

This text has a font color of #af5ef9.

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

#af5ef9 background color

This paragraph has a background color of #af5ef9.

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

#af5ef9 border color

This element has a border color of #af5ef9.

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

CSS codes

.text {color:#af5ef9;}

.background {background-color:#af5ef9;}

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

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

#050009
```
#050009 rgb(5,0,9)
```
#0f011c
```
#0f011c rgb(15,1,28)
```
#19022f
```
#19022f rgb(25,2,47)
```
#240242
```
#240242 rgb(36,2,66)
```
#2e0355
```
#2e0355 rgb(46,3,85)
```
#380468
```
#380468 rgb(56,4,104)
```
#42057b
```
#42057b rgb(66,5,123)
```
#4d058e
```
#4d058e rgb(77,5,142)
```
#5706a0
```
#5706a0 rgb(87,6,160)
```
#6107b3
```
#6107b3 rgb(97,7,179)
```
#6b07c6
```
#6b07c6 rgb(107,7,198)
```
#7508d9
```
#7508d9 rgb(117,8,217)
```
#8009ec
```
#8009ec rgb(128,9,236)
```

Shade Color Variation

#8912f6
```
#8912f6 rgb(137,18,246)
```
#9325f7
```
#9325f7 rgb(147,37,247)
```
#9c38f8
```
#9c38f8 rgb(156,56,248)
```
#a64bf8
```
#a64bf8 rgb(166,75,248)
```
#af5ef9
```
#af5ef9 rgb(175,94,249)
```
#b871fa
```
#b871fa rgb(184,113,250)
```
#c284fa
```
#c284fa rgb(194,132,250)
```
#cb97fb
```
#cb97fb rgb(203,151,251)
```
#d5aafc
```
#d5aafc rgb(213,170,252)
```
#debdfd
```
#debdfd rgb(222,189,253)
```
#e7cffd
```
#e7cffd rgb(231,207,253)
```
#f1e2fe
```
#f1e2fe rgb(241,226,254)
```
#faf5ff
```
#faf5ff rgb(250,245,255)
```

Tint Color Variation

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

#acabac
```
#acabac rgb(172,171,172)
```
#aca5b2
```
#aca5b2 rgb(172,165,178)
```
#ac9eb9
```
#ac9eb9 rgb(172,158,185)
```
#ac98bf
```
#ac98bf rgb(172,152,191)
```
#ad91c6
```
#ad91c6 rgb(173,145,198)
```
#ad8bcc
```
#ad8bcc rgb(173,139,204)
```
#ad85d2
```
#ad85d2 rgb(173,133,210)
```
#ae7ed9
```
#ae7ed9 rgb(174,126,217)
```
#ae78df
```
#ae78df rgb(174,120,223)
```
#ae71e6
```
#ae71e6 rgb(174,113,230)
```
#ae6bec
```
#ae6bec rgb(174,107,236)
```
#af64f3
```
#af64f3 rgb(175,100,243)
```
#af5ef9
```
#af5ef9 rgb(175,94,249)
```

Tone Color Variation

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

#888888 Achromatopsia 0.005% of the population
#90809f Atypical Achromatopsia 0.001% of the population

Dichromacy

#3c88ff Protanopia 1% of men
#2a8eeb Deuteranopia 1% of men
#9b8790 Tritanopia 0.001% of the population

Trichromacy

#6679fc Protanomaly 1% of men, 0.01% of women
#5a7cf0 Deuteranomaly 6% of men, 0.4% of women
#a278b6 Tritanomaly 0.01% of the population

#af5ef9 hex color

#af5ef9 Color Information

#af5ef9 Color Conversion

Color Schemes with #af5ef9

Alternatives to #af5ef9

#af5ef9 Preview

Shades and Tints of #af5ef9

Tones of #af5ef9

Color Blindness Simulator