#af0fe5 hex color

In a RGB color space, hex #af0fe5 is composed of 68.6% red, 5.9% green and 89.8% blue. Whereas in a CMYK color space, it is composed of 23.6% cyan, 93.4% magenta, 0% yellow and 10.2% black. It has a hue angle of 284.9 degrees, a saturation of 87.7% and a lightness of 47.8%. #af0fe5 color hex could be obtained by blending #ff1eff with #5f00cb. Closest websafe color is: #9900cc.

♥
- f
- t
- g
- R 69
- G 6
- B 90
RGB color chart
- C 24
- M 93
- Y 0
- K 10
CMYK color chart

● #af0fe5 color description : Vivid violet.

The hexadecimal color #af0fe5 has RGB values of R:175, G:15, B:229 and CMYK values of C:0.24, M:0.93, Y:0, K:0.1. Its decimal value is 11472869.

Hex triplet	af0fe5	`#af0fe5`
RGB Decimal	175, 15, 229	`rgb(175,15,229)`
RGB Percent	68.6, 5.9, 89.8	`rgb(68.6%,5.9%,89.8%)`
CMYK	24, 93, 0, 10
HSL	284.9°, 87.7, 47.8	`hsl(284.9,87.7%,47.8%)`
HSV (or HSB)	284.9°, 93.4, 89.8
Web Safe	9900cc	`#9900cc`

CIE-LAB	45.79, 81.467, -70.375
XYZ	31.991, 15.114, 75.357
xyY	0.261, 0.123, 15.114
CIE-LCH	45.79, 107.655, 319.178
CIE-LUV	45.79, 39.364, -111.754
Hunter-Lab	38.877, 78.851, -87.711
Binary	10101111, 00001111, 11100101

#af0fe5
```
#af0fe5 rgb(175,15,229)
```
#45e50f
```
#45e50f rgb(69,229,15)
```

Complementary Color

#440fe5
```
#440fe5 rgb(68,15,229)
```
#af0fe5
```
#af0fe5 rgb(175,15,229)
```
#e50fb0
```
#e50fb0 rgb(229,15,176)
```

Analogous Color

#0fe544
```
#0fe544 rgb(15,229,68)
```
#af0fe5
```
#af0fe5 rgb(175,15,229)
```
#b0e50f
```
#b0e50f rgb(176,229,15)
```

Split Complementary Color

#0fe5af
```
#0fe5af rgb(15,229,175)
```
#af0fe5
```
#af0fe5 rgb(175,15,229)
```
#e5af0f
```
#e5af0f rgb(229,175,15)
```

Triadic Color

#0f45e5
```
#0f45e5 rgb(15,69,229)
```
#af0fe5
```
#af0fe5 rgb(175,15,229)
```
#e5af0f
```
#e5af0f rgb(229,175,15)
```
#45e50f
```
#45e50f rgb(69,229,15)
```

Tetradic Color

#780a9d
```
#780a9d rgb(120,10,157)
```
#8a0cb5
```
#8a0cb5 rgb(138,12,181)
```
#9d0dcd
```
#9d0dcd rgb(157,13,205)
```
#af0fe5
```
#af0fe5 rgb(175,15,229)
```
#bb1df0
```
#bb1df0 rgb(187,29,240)
```
#c235f2
```
#c235f2 rgb(194,53,242)
```
#c94df3
```
#c94df3 rgb(201,77,243)
```

Monochromatic Color

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

#7a0fe5
```
#7a0fe5 rgb(122,15,229)
```
#8b0fe5
```
#8b0fe5 rgb(139,15,229)
```
#9d0fe5
```
#9d0fe5 rgb(157,15,229)
```
#af0fe5
```
#af0fe5 rgb(175,15,229)
```
#c10fe5
```
#c10fe5 rgb(193,15,229)
```
#d30fe5
```
#d30fe5 rgb(211,15,229)
```
#e50fe5
```
#e50fe5 rgb(229,15,229)
```

Similar Colors

Text with hexadecimal color #af0fe5

This text has a font color of #af0fe5.

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

#af0fe5 background color

This paragraph has a background color of #af0fe5.

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

#af0fe5 border color

This element has a border color of #af0fe5.

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

CSS codes

.text {color:#af0fe5;}

.background {background-color:#af0fe5;}

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

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

#060108
```
#060108 rgb(6,1,8)
```
#14021a
```
#14021a rgb(20,2,26)
```
#22032d
```
#22032d rgb(34,3,45)
```
#30043f
```
#30043f rgb(48,4,63)
```
#3e0552
```
#3e0552 rgb(62,5,82)
```
#4d0764
```
#4d0764 rgb(77,7,100)
```
#5b0877
```
#5b0877 rgb(91,8,119)
```
#690989
```
#690989 rgb(105,9,137)
```
#770a9b
```
#770a9b rgb(119,10,155)
```
#850bae
```
#850bae rgb(133,11,174)
```
#930dc0
```
#930dc0 rgb(147,13,192)
```
#a10ed3
```
#a10ed3 rgb(161,14,211)
```
#af0fe5
```
#af0fe5 rgb(175,15,229)
```

Shade Color Variation

#b918f0
```
#b918f0 rgb(185,24,240)
```
#bf2af1
```
#bf2af1 rgb(191,42,241)
```
#c43df2
```
#c43df2 rgb(196,61,242)
```
#ca4ff3
```
#ca4ff3 rgb(202,79,243)
```
#d061f5
```
#d061f5 rgb(208,97,245)
```
#d574f6
```
#d574f6 rgb(213,116,246)
```
#db86f7
```
#db86f7 rgb(219,134,247)
```
#e099f8
```
#e099f8 rgb(224,153,248)
```
#e6abfa
```
#e6abfa rgb(230,171,250)
```
#ebbdfb
```
#ebbdfb rgb(235,189,251)
```
#f1d0fc
```
#f1d0fc rgb(241,208,252)
```
#f6e2fd
```
#f6e2fd rgb(246,226,253)
```
#fcf5fe
```
#fcf5fe rgb(252,245,254)
```

Tint Color Variation

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

#7c767e
```
#7c767e rgb(124,118,126)
```
#816d87
```
#816d87 rgb(129,109,135)
```
#856391
```
#856391 rgb(133,99,145)
```
#8a5a9a
```
#8a5a9a rgb(138,90,154)
```
#8e51a3
```
#8e51a3 rgb(142,81,163)
```
#9347ad
```
#9347ad rgb(147,71,173)
```
#983eb6
```
#983eb6 rgb(152,62,182)
```
#9c35bf
```
#9c35bf rgb(156,53,191)
```
#a12bc9
```
#a12bc9 rgb(161,43,201)
```
#a622d2
```
#a622d2 rgb(166,34,210)
```
#aa18dc
```
#aa18dc rgb(170,24,220)
```
#af0fe5
```
#af0fe5 rgb(175,15,229)
```
#b406ee
```
#b406ee rgb(180,6,238)
```

Tone Color Variation

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

#575757 Achromatopsia 0.005% of the population
#694973 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0070db Protanopia 1% of men
#0076c2 Deuteranopia 1% of men
#9d646a Tritanopia 0.001% of the population

Trichromacy

#3f4dde Protanomaly 1% of men, 0.01% of women
#3f50cf Deuteranomaly 6% of men, 0.4% of women
#a34597 Tritanomaly 0.01% of the population

#af0fe5 hex color

#af0fe5 Color Information

#af0fe5 Color Conversion

Color Schemes with #af0fe5

Alternatives to #af0fe5

#af0fe5 Preview

Shades and Tints of #af0fe5

Tones of #af0fe5

Color Blindness Simulator