#af16f5 hex color

In a RGB color space, hex #af16f5 is composed of 68.6% red, 8.6% green and 96.1% blue. Whereas in a CMYK color space, it is composed of 28.6% cyan, 91% magenta, 0% yellow and 3.9% black. It has a hue angle of 281.2 degrees, a saturation of 91.8% and a lightness of 52.4%. #af16f5 color hex could be obtained by blending #ff2cff with #5f00eb. Closest websafe color is: #9900ff.

♥
- f
- t
- g
- R 69
- G 9
- B 96
RGB color chart
- C 29
- M 91
- Y 0
- K 4
CMYK color chart

● #af16f5 color description : Vivid violet.

The hexadecimal color #af16f5 has RGB values of R:175, G:22, B:245 and CMYK values of C:0.29, M:0.91, Y:0, K:0.04. Its decimal value is 11474677.

Hex triplet	af16f5	`#af16f5`
RGB Decimal	175, 22, 245	`rgb(175,22,245)`
RGB Percent	68.6, 8.6, 96.1	`rgb(68.6%,8.6%,96.1%)`
CMYK	29, 91, 0, 4
HSL	281.2°, 91.8, 52.4	`hsl(281.2,91.8%,52.4%)`
HSV (or HSB)	281.2°, 91, 96.1
Web Safe	9900ff	`#9900ff`

CIE-LAB	47.342, 83.455, -76.881
XYZ	34.445, 16.281, 87.709
xyY	0.249, 0.118, 16.281
CIE-LCH	47.342, 113.47, 317.348
CIE-LUV	47.342, 34.751, -121.782
Hunter-Lab	40.35, 81.765, -100.634
Binary	10101111, 00010110, 11110101

#af16f5
```
#af16f5 rgb(175,22,245)
```
#5cf516
```
#5cf516 rgb(92,245,22)
```

Complementary Color

#4016f5
```
#4016f5 rgb(64,22,245)
```
#af16f5
```
#af16f5 rgb(175,22,245)
```
#f516cc
```
#f516cc rgb(245,22,204)
```

Analogous Color

#16f540
```
#16f540 rgb(22,245,64)
```
#af16f5
```
#af16f5 rgb(175,22,245)
```
#ccf516
```
#ccf516 rgb(204,245,22)
```

Split Complementary Color

#16f5af
```
#16f5af rgb(22,245,175)
```
#af16f5
```
#af16f5 rgb(175,22,245)
```
#f5af16
```
#f5af16 rgb(245,175,22)
```

Triadic Color

#165cf5
```
#165cf5 rgb(22,92,245)
```
#af16f5
```
#af16f5 rgb(175,22,245)
```
#f5af16
```
#f5af16 rgb(245,175,22)
```
#5cf516
```
#5cf516 rgb(92,245,22)
```

Tetradic Color

#8008b7
```
#8008b7 rgb(128,8,183)
```
#9109cf
```
#9109cf rgb(145,9,207)
```
#a20ae8
```
#a20ae8 rgb(162,10,232)
```
#af16f5
```
#af16f5 rgb(175,22,245)
```
#b72ef6
```
#b72ef6 rgb(183,46,246)
```
#c047f7
```
#c047f7 rgb(192,71,247)
```
#c85ff8
```
#c85ff8 rgb(200,95,248)
```

Monochromatic Color

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

#7716f5
```
#7716f5 rgb(119,22,245)
```
#8a16f5
```
#8a16f5 rgb(138,22,245)
```
#9c16f5
```
#9c16f5 rgb(156,22,245)
```
#af16f5
```
#af16f5 rgb(175,22,245)
```
#c216f5
```
#c216f5 rgb(194,22,245)
```
#d416f5
```
#d416f5 rgb(212,22,245)
```
#e716f5
```
#e716f5 rgb(231,22,245)
```

Similar Colors

Text with hexadecimal color #af16f5

This text has a font color of #af16f5.

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

#af16f5 background color

This paragraph has a background color of #af16f5.

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

#af16f5 border color

This element has a border color of #af16f5.

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

CSS codes

.text {color:#af16f5;}

.background {background-color:#af16f5;}

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

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, #08000c is the darkest color, while #fcf8ff is the lightest one.

#08000c
```
#08000c rgb(8,0,12)
```
#15011e
```
#15011e rgb(21,1,30)
```
#220231
```
#220231 rgb(34,2,49)
```
#300344
```
#300344 rgb(48,3,68)
```
#3d0457
```
#3d0457 rgb(61,4,87)
```
#4a056a
```
#4a056a rgb(74,5,106)
```
#57057c
```
#57057c rgb(87,5,124)
```
#64068f
```
#64068f rgb(100,6,143)
```
#7107a2
```
#7107a2 rgb(113,7,162)
```
#7e08b5
```
#7e08b5 rgb(126,8,181)
```
#8c09c8
```
#8c09c8 rgb(140,9,200)
```
#9909da
```
#9909da rgb(153,9,218)
```
#a60aed
```
#a60aed rgb(166,10,237)
```

Shade Color Variation

#af16f5
```
#af16f5 rgb(175,22,245)
```
#b529f6
```
#b529f6 rgb(181,41,246)
```
#bc3cf7
```
#bc3cf7 rgb(188,60,247)
```
#c24ef7
```
#c24ef7 rgb(194,78,247)
```
#c961f8
```
#c961f8 rgb(201,97,248)
```
#cf74f9
```
#cf74f9 rgb(207,116,249)
```
#d687fa
```
#d687fa rgb(214,135,250)
```
#dc9afb
```
#dc9afb rgb(220,154,251)
```
#e3acfb
```
#e3acfb rgb(227,172,251)
```
#e9bffc
```
#e9bffc rgb(233,191,252)
```
#f0d2fd
```
#f0d2fd rgb(240,210,253)
```
#f6e5fe
```
#f6e5fe rgb(246,229,254)
```
#fcf8ff
```
#fcf8ff rgb(252,248,255)
```

Tint Color Variation

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

#897d8e
```
#897d8e rgb(137,125,142)
```
#8c7398
```
#8c7398 rgb(140,115,152)
```
#906aa1
```
#906aa1 rgb(144,106,161)
```
#9361aa
```
#9361aa rgb(147,97,170)
```
#9757b4
```
#9757b4 rgb(151,87,180)
```
#9a4ebd
```
#9a4ebd rgb(154,78,189)
```
#9e45c6
```
#9e45c6 rgb(158,69,198)
```
#a13bd0
```
#a13bd0 rgb(161,59,208)
```
#a532d9
```
#a532d9 rgb(165,50,217)
```
#a829e2
```
#a829e2 rgb(168,41,226)
```
#ac1fec
```
#ac1fec rgb(172,31,236)
```
#af16f5
```
#af16f5 rgb(175,22,245)
```
#b20dfe
```
#b20dfe rgb(178,13,254)
```

Tone Color Variation

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

#5d5d5d Achromatopsia 0.005% of the population
#6d4f7b Atypical Achromatopsia 0.001% of the population

Dichromacy

#0074e2 Protanopia 1% of men
#007ac7 Deuteranopia 1% of men
#996b72 Tritanopia 0.001% of the population

Trichromacy

#3f52e8 Protanomaly 1% of men, 0.01% of women
#3f55d8 Deuteranomaly 6% of men, 0.4% of women
#a14ca2 Tritanomaly 0.01% of the population

#af16f5 hex color

#af16f5 Color Information

#af16f5 Color Conversion

Color Schemes with #af16f5

Alternatives to #af16f5

#af16f5 Preview

Shades and Tints of #af16f5

Tones of #af16f5

Color Blindness Simulator