#af16fd hex color

In a RGB color space, hex #af16fd is composed of 68.6% red, 8.6% green and 99.2% blue. Whereas in a CMYK color space, it is composed of 30.8% cyan, 91.3% magenta, 0% yellow and 0.8% black. It has a hue angle of 279.7 degrees, a saturation of 98.3% and a lightness of 53.9%. #af16fd color hex could be obtained by blending #ff2cff with #5f00fb. Closest websafe color is: #9900ff.

♥
- f
- t
- g
- R 69
- G 9
- B 99
RGB color chart
- C 31
- M 91
- Y 0
- K 1
CMYK color chart

● #af16fd color description : Vivid violet.

The hexadecimal color #af16fd has RGB values of R:175, G:22, B:253 and CMYK values of C:0.31, M:0.91, Y:0, K:0.01. Its decimal value is 11474685.

Hex triplet	af16fd	`#af16fd`
RGB Decimal	175, 22, 253	`rgb(175,22,253)`
RGB Percent	68.6, 8.6, 99.2	`rgb(68.6%,8.6%,99.2%)`
CMYK	31, 91, 0, 1
HSL	279.7°, 98.3, 53.9	`hsl(279.7,98.3%,53.9%)`
HSV (or HSB)	279.7°, 91.3, 99.2
Web Safe	9900ff	`#9900ff`

CIE-LAB	47.982, 84.947, -80.313
XYZ	35.693, 16.781, 94.282
xyY	0.243, 0.114, 16.781
CIE-LCH	47.982, 116.902, 316.606
CIE-LUV	47.982, 32.767, -126.934
Hunter-Lab	40.964, 83.845, -107.785
Binary	10101111, 00010110, 11111101

#af16fd
```
#af16fd rgb(175,22,253)
```
#64fd16
```
#64fd16 rgb(100,253,22)
```

Complementary Color

#3b16fd
```
#3b16fd rgb(59,22,253)
```
#af16fd
```
#af16fd rgb(175,22,253)
```
#fd16d8
```
#fd16d8 rgb(253,22,216)
```

Analogous Color

#16fd3b
```
#16fd3b rgb(22,253,59)
```
#af16fd
```
#af16fd rgb(175,22,253)
```
#d8fd16
```
#d8fd16 rgb(216,253,22)
```

Split Complementary Color

#16fdaf
```
#16fdaf rgb(22,253,175)
```
#af16fd
```
#af16fd rgb(175,22,253)
```
#fdaf16
```
#fdaf16 rgb(253,175,22)
```

Triadic Color

#1664fd
```
#1664fd rgb(22,100,253)
```
#af16fd
```
#af16fd rgb(175,22,253)
```
#fdaf16
```
#fdaf16 rgb(253,175,22)
```
#64fd16
```
#64fd16 rgb(100,253,22)
```

Tetradic Color

#8302c5
```
#8302c5 rgb(131,2,197)
```
#9402de
```
#9402de rgb(148,2,222)
```
#a502f7
```
#a502f7 rgb(165,2,247)
```
#af16fd
```
#af16fd rgb(175,22,253)
```
#b82ffd
```
#b82ffd rgb(184,47,253)
```
#c049fd
```
#c049fd rgb(192,73,253)
```
#c962fe
```
#c962fe rgb(201,98,254)
```

Monochromatic Color

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

#7516fd
```
#7516fd rgb(117,22,253)
```
#8916fd
```
#8916fd rgb(137,22,253)
```
#9c16fd
```
#9c16fd rgb(156,22,253)
```
#af16fd
```
#af16fd rgb(175,22,253)
```
#c216fd
```
#c216fd rgb(194,22,253)
```
#d616fd
```
#d616fd rgb(214,22,253)
```
#e916fd
```
#e916fd rgb(233,22,253)
```

Similar Colors

Text with hexadecimal color #af16fd

This text has a font color of #af16fd.

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

#af16fd background color

This paragraph has a background color of #af16fd.

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

#af16fd border color

This element has a border color of #af16fd.

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

CSS codes

.text {color:#af16fd;}

.background {background-color:#af16fd;}

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

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

#000000
```
#000000 rgb(0,0,0)
```
#0d0014
```
#0d0014 rgb(13,0,20)
```
#1a0027
```
#1a0027 rgb(26,0,39)
```
#27013b
```
#27013b rgb(39,1,59)
```
#34014e
```
#34014e rgb(52,1,78)
```
#410162
```
#410162 rgb(65,1,98)
```
#4e0175
```
#4e0175 rgb(78,1,117)
```
#5b0189
```
#5b0189 rgb(91,1,137)
```
#68019c
```
#68019c rgb(104,1,156)
```
#7502af
```
#7502af rgb(117,2,175)
```
#8202c3
```
#8202c3 rgb(130,2,195)
```
#8f02d6
```
#8f02d6 rgb(143,2,214)
```
#9c02ea
```
#9c02ea rgb(156,2,234)
```

Shade Color Variation

#a803fd
```
#a803fd rgb(168,3,253)
```
#af16fd
```
#af16fd rgb(175,22,253)
```
#b629fd
```
#b629fd rgb(182,41,253)
```
#bc3dfd
```
#bc3dfd rgb(188,61,253)
```
#c350fe
```
#c350fe rgb(195,80,254)
```
#ca64fe
```
#ca64fe rgb(202,100,254)
```
#d077fe
```
#d077fe rgb(208,119,254)
```
#d78bfe
```
#d78bfe rgb(215,139,254)
```
#de9efe
```
#de9efe rgb(222,158,254)
```
#e4b2fe
```
#e4b2fe rgb(228,178,254)
```
#ebc5ff
```
#ebc5ff rgb(235,197,255)
```
#f2d8ff
```
#f2d8ff rgb(242,216,255)
```
#f8ecff
```
#f8ecff rgb(248,236,255)
```

Tint Color Variation

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

#8c8291
```
#8c8291 rgb(140,130,145)
```
#8f799a
```
#8f799a rgb(143,121,154)
```
#9270a3
```
#9270a3 rgb(146,112,163)
```
#9567ac
```
#9567ac rgb(149,103,172)
```
#985eb5
```
#985eb5 rgb(152,94,181)
```
#9a55be
```
#9a55be rgb(154,85,190)
```
#9d4cc7
```
#9d4cc7 rgb(157,76,199)
```
#a043d0
```
#a043d0 rgb(160,67,208)
```
#a33ad9
```
#a33ad9 rgb(163,58,217)
```
#a631e2
```
#a631e2 rgb(166,49,226)
```
#a928eb
```
#a928eb rgb(169,40,235)
```
#ac1ff4
```
#ac1ff4 rgb(172,31,244)
```
#af16fd
```
#af16fd rgb(175,22,253)
```

Tone Color Variation

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

#5e5e5e Achromatopsia 0.005% of the population
#6e507e Atypical Achromatopsia 0.001% of the population

Dichromacy

#0075e4 Protanopia 1% of men
#007bc9 Deuteranopia 1% of men
#966e76 Tritanopia 0.001% of the population

Trichromacy

#3f52ed Protanomaly 1% of men, 0.01% of women
#3f56dc Deuteranomaly 6% of men, 0.4% of women
#9f4ea7 Tritanomaly 0.01% of the population

#af16fd hex color

#af16fd Color Information

#af16fd Color Conversion

Color Schemes with #af16fd

Alternatives to #af16fd

#af16fd Preview

Shades and Tints of #af16fd

Tones of #af16fd

Color Blindness Simulator