#af5efe hex color

In a RGB color space, hex #af5efe is composed of 68.6% red, 36.9% green and 99.6% blue. Whereas in a CMYK color space, it is composed of 31.1% cyan, 63% magenta, 0% yellow and 0.4% black. It has a hue angle of 270.4 degrees, a saturation of 98.8% and a lightness of 68.2%. #af5efe color hex could be obtained by blending #ffbcff with #5f00fd. Closest websafe color is: #9966ff.

♥
- f
- t
- g
- R 69
- G 37
- B 100
RGB color chart
- C 31
- M 63
- Y 0
- K 0
CMYK color chart

● #af5efe color description : Soft violet.

The hexadecimal color #af5efe has RGB values of R:175, G:94, B:254 and CMYK values of C:0.31, M:0.63, Y:0, K:0. Its decimal value is 11493118.

Hex triplet	af5efe	`#af5efe`
RGB Decimal	175, 94, 254	`rgb(175,94,254)`
RGB Percent	68.6, 36.9, 99.6	`rgb(68.6%,36.9%,99.6%)`
CMYK	31, 63, 0, 0
HSL	270.4°, 98.8, 68.2	`hsl(270.4,98.8%,68.2%)`
HSV (or HSB)	270.4°, 63, 99.6
Web Safe	9966ff	`#9966ff`

CIE-LAB	56.363, 61.434, -67.256
XYZ	39.569, 24.276, 96.362
xyY	0.247, 0.152, 24.276
CIE-LCH	56.363, 91.091, 312.41
CIE-LUV	56.363, 22.436, -112.085
Hunter-Lab	49.27, 57.129, -81.469
Binary	10101111, 01011110, 11111110

#af5efe
```
#af5efe rgb(175,94,254)
```
#adfe5e
```
#adfe5e rgb(173,254,94)
```

Complementary Color

#5f5efe
```
#5f5efe rgb(95,94,254)
```
#af5efe
```
#af5efe rgb(175,94,254)
```
#fe5efd
```
#fe5efd rgb(254,94,253)
```

Analogous Color

#5efe5f
```
#5efe5f rgb(94,254,95)
```
#af5efe
```
#af5efe rgb(175,94,254)
```
#fdfe5e
```
#fdfe5e rgb(253,254,94)
```

Split Complementary Color

#5efeaf
```
#5efeaf rgb(94,254,175)
```
#af5efe
```
#af5efe rgb(175,94,254)
```
#feaf5e
```
#feaf5e rgb(254,175,94)
```

Triadic Color

#5eadfe
```
#5eadfe rgb(94,173,254)
```
#af5efe
```
#af5efe rgb(175,94,254)
```
#feaf5e
```
#feaf5e rgb(254,175,94)
```
#adfe5e
```
#adfe5e rgb(173,254,94)
```

Tetradic Color

#8912fe
```
#8912fe rgb(137,18,254)
```
#962bfe
```
#962bfe rgb(150,43,254)
```
#a245fe
```
#a245fe rgb(162,69,254)
```
#af5efe
```
#af5efe rgb(175,94,254)
```
#bc77fe
```
#bc77fe rgb(188,119,254)
```
#c891fe
```
#c891fe rgb(200,145,254)
```
#d5aafe
```
#d5aafe rgb(213,170,254)
```

Monochromatic Color

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

#875efe
```
#875efe rgb(135,94,254)
```
#945efe
```
#945efe rgb(148,94,254)
```
#a25efe
```
#a25efe rgb(162,94,254)
```
#af5efe
```
#af5efe rgb(175,94,254)
```
#bc5efe
```
#bc5efe rgb(188,94,254)
```
#ca5efe
```
#ca5efe rgb(202,94,254)
```
#d75efe
```
#d75efe rgb(215,94,254)
```

Similar Colors

Text with hexadecimal color #af5efe

This text has a font color of #af5efe.

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

#af5efe background color

This paragraph has a background color of #af5efe.

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

#af5efe border color

This element has a border color of #af5efe.

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

CSS codes

.text {color:#af5efe;}

.background {background-color:#af5efe;}

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

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, #07000e is the darkest color, while #fcfaff is the lightest one.

#07000e
```
#07000e rgb(7,0,14)
```
#110022
```
#110022 rgb(17,0,34)
```
#1b0035
```
#1b0035 rgb(27,0,53)
```
#250049
```
#250049 rgb(37,0,73)
```
#2f015c
```
#2f015c rgb(47,1,92)
```
#390170
```
#390170 rgb(57,1,112)
```
#430183
```
#430183 rgb(67,1,131)
```
#4d0197
```
#4d0197 rgb(77,1,151)
```
#5701aa
```
#5701aa rgb(87,1,170)
```
#6101be
```
#6101be rgb(97,1,190)
```
#6b01d1
```
#6b01d1 rgb(107,1,209)
```
#7501e5
```
#7501e5 rgb(117,1,229)
```
#7f02f8
```
#7f02f8 rgb(127,2,248)
```

Shade Color Variation

#8810fe
```
#8810fe rgb(136,16,254)
```
#9224fe
```
#9224fe rgb(146,36,254)
```
#9c37fe
```
#9c37fe rgb(156,55,254)
```
#a54bfe
```
#a54bfe rgb(165,75,254)
```
#af5efe
```
#af5efe rgb(175,94,254)
```
#b971fe
```
#b971fe rgb(185,113,254)
```
#c285fe
```
#c285fe rgb(194,133,254)
```
#cc98fe
```
#cc98fe rgb(204,152,254)
```
#d6acfe
```
#d6acfe rgb(214,172,254)
```
#dfbfff
```
#dfbfff rgb(223,191,255)
```
#e9d3ff
```
#e9d3ff rgb(233,211,255)
```
#f3e6ff
```
#f3e6ff rgb(243,230,255)
```
#fcfaff
```
#fcfaff rgb(252,250,255)
```

Tint Color Variation

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

#aea9b3
```
#aea9b3 rgb(174,169,179)
```
#aea3b9
```
#aea3b9 rgb(174,163,185)
```
#ae9cc0
```
#ae9cc0 rgb(174,156,192)
```
#ae96c6
```
#ae96c6 rgb(174,150,198)
```
#ae90cc
```
#ae90cc rgb(174,144,204)
```
#ae8ad2
```
#ae8ad2 rgb(174,138,210)
```
#af83d9
```
#af83d9 rgb(175,131,217)
```
#af7ddf
```
#af7ddf rgb(175,125,223)
```
#af77e5
```
#af77e5 rgb(175,119,229)
```
#af71eb
```
#af71eb rgb(175,113,235)
```
#af6af2
```
#af6af2 rgb(175,106,242)
```
#af64f8
```
#af64f8 rgb(175,100,248)
```
#af5efe
```
#af5efe rgb(175,94,254)
```

Tone Color Variation

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

Dichromacy

#3f89ff Protanopia 1% of men
#118fef Deuteranopia 1% of men
#9a8892 Tritanopia 0.001% of the population

Trichromacy

#6879fe Protanomaly 1% of men, 0.01% of women
#4a7df4 Deuteranomaly 6% of men, 0.4% of women
#a179b9 Tritanomaly 0.01% of the population

#af5efe hex color

#af5efe Color Information

#af5efe Color Conversion

Color Schemes with #af5efe

Alternatives to #af5efe

#af5efe Preview

Shades and Tints of #af5efe

Tones of #af5efe

Color Blindness Simulator