#af21fd hex color

In a RGB color space, hex #af21fd is composed of 68.6% red, 12.9% green and 99.2% blue. Whereas in a CMYK color space, it is composed of 30.8% cyan, 87% magenta, 0% yellow and 0.8% black. It has a hue angle of 278.7 degrees, a saturation of 98.2% and a lightness of 56.1%. #af21fd color hex could be obtained by blending #ff42ff with #5f00fb. Closest websafe color is: #9933ff.

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

● #af21fd color description : Vivid violet.

The hexadecimal color #af21fd has RGB values of R:175, G:33, B:253 and CMYK values of C:0.31, M:0.87, Y:0, K:0.01. Its decimal value is 11477501.

Hex triplet	af21fd	`#af21fd`
RGB Decimal	175, 33, 253	`rgb(175,33,253)`
RGB Percent	68.6, 12.9, 99.2	`rgb(68.6%,12.9%,99.2%)`
CMYK	31, 87, 0, 1
HSL	278.7°, 98.2, 56.1	`hsl(278.7,98.2%,56.1%)`
HSV (or HSB)	278.7°, 87, 99.2
Web Safe	9933ff	`#9933ff`

CIE-LAB	48.629, 83.023, -79.256
XYZ	35.95, 17.294, 94.367
xyY	0.244, 0.117, 17.294
CIE-LCH	48.629, 114.78, 316.33
CIE-LUV	48.629, 32.082, -125.97
Hunter-Lab	41.587, 81.53, -105.429
Binary	10101111, 00100001, 11111101

#af21fd
```
#af21fd rgb(175,33,253)
```
#6ffd21
```
#6ffd21 rgb(111,253,33)
```

Complementary Color

#4121fd
```
#4121fd rgb(65,33,253)
```
#af21fd
```
#af21fd rgb(175,33,253)
```
#fd21dd
```
#fd21dd rgb(253,33,221)
```

Analogous Color

#21fd41
```
#21fd41 rgb(33,253,65)
```
#af21fd
```
#af21fd rgb(175,33,253)
```
#ddfd21
```
#ddfd21 rgb(221,253,33)
```

Split Complementary Color

#21fdaf
```
#21fdaf rgb(33,253,175)
```
#af21fd
```
#af21fd rgb(175,33,253)
```
#fdaf21
```
#fdaf21 rgb(253,175,33)
```

Triadic Color

#216ffd
```
#216ffd rgb(33,111,253)
```
#af21fd
```
#af21fd rgb(175,33,253)
```
#fdaf21
```
#fdaf21 rgb(253,175,33)
```
#6ffd21
```
#6ffd21 rgb(111,253,33)
```

Tetradic Color

#8702d0
```
#8702d0 rgb(135,2,208)
```
#9702e9
```
#9702e9 rgb(151,2,233)
```
#a608fd
```
#a608fd rgb(166,8,253)
```
#af21fd
```
#af21fd rgb(175,33,253)
```
#b83afd
```
#b83afd rgb(184,58,253)
```
#c154fd
```
#c154fd rgb(193,84,253)
```
#ca6dfe
```
#ca6dfe rgb(202,109,254)
```

Monochromatic Color

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

#7821fd
```
#7821fd rgb(120,33,253)
```
#8a21fd
```
#8a21fd rgb(138,33,253)
```
#9d21fd
```
#9d21fd rgb(157,33,253)
```
#af21fd
```
#af21fd rgb(175,33,253)
```
#c121fd
```
#c121fd rgb(193,33,253)
```
#d421fd
```
#d421fd rgb(212,33,253)
```
#e621fd
```
#e621fd rgb(230,33,253)
```

Similar Colors

Text with hexadecimal color #af21fd

This text has a font color of #af21fd.

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

#af21fd background color

This paragraph has a background color of #af21fd.

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

#af21fd border color

This element has a border color of #af21fd.

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

CSS codes

.text {color:#af21fd;}

.background {background-color:#af21fd;}

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

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

#07000b
```
#07000b rgb(7,0,11)
```
#14001f
```
#14001f rgb(20,0,31)
```
#210032
```
#210032 rgb(33,0,50)
```
#2d0146
```
#2d0146 rgb(45,1,70)
```
#3a0159
```
#3a0159 rgb(58,1,89)
```
#46016c
```
#46016c rgb(70,1,108)
```
#530180
```
#530180 rgb(83,1,128)
```
#600193
```
#600193 rgb(96,1,147)
```
#6c02a7
```
#6c02a7 rgb(108,2,167)
```
#7902ba
```
#7902ba rgb(121,2,186)
```
#8502ce
```
#8502ce rgb(133,2,206)
```
#9202e1
```
#9202e1 rgb(146,2,225)
```
#9f02f5
```
#9f02f5 rgb(159,2,245)
```

Shade Color Variation

#a80efd
```
#a80efd rgb(168,14,253)
```
#af21fd
```
#af21fd rgb(175,33,253)
```
#b634fd
```
#b634fd rgb(182,52,253)
```
#bd48fd
```
#bd48fd rgb(189,72,253)
```
#c45bfe
```
#c45bfe rgb(196,91,254)
```
#cb6ffe
```
#cb6ffe rgb(203,111,254)
```
#d282fe
```
#d282fe rgb(210,130,254)
```
#d996fe
```
#d996fe rgb(217,150,254)
```
#e0a9fe
```
#e0a9fe rgb(224,169,254)
```
#e7bdfe
```
#e7bdfe rgb(231,189,254)
```
#eed0ff
```
#eed0ff rgb(238,208,255)
```
#f5e3ff
```
#f5e3ff rgb(245,227,255)
```
#fcf7ff
```
#fcf7ff rgb(252,247,255)
```

Tint Color Variation

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

#918896
```
#918896 rgb(145,136,150)
```
#93809e
```
#93809e rgb(147,128,158)
```
#9677a7
```
#9677a7 rgb(150,119,167)
```
#986faf
```
#986faf rgb(152,111,175)
```
#9b66b8
```
#9b66b8 rgb(155,102,184)
```
#9d5dc1
```
#9d5dc1 rgb(157,93,193)
```
#a055c9
```
#a055c9 rgb(160,85,201)
```
#a24cd2
```
#a24cd2 rgb(162,76,210)
```
#a543db
```
#a543db rgb(165,67,219)
```
#a73be3
```
#a73be3 rgb(167,59,227)
```
#aa32ec
```
#aa32ec rgb(170,50,236)
```
#ac2af4
```
#ac2af4 rgb(172,42,244)
```
#af21fd
```
#af21fd rgb(175,33,253)
```

Tone Color Variation

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

#656565 Achromatopsia 0.005% of the population
#745783 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0077e7 Protanopia 1% of men
#007dcc Deuteranopia 1% of men
#977078 Tritanopia 0.001% of the population

Trichromacy

#3f57ef Protanomaly 1% of men, 0.01% of women
#3f5bde Deuteranomaly 6% of men, 0.4% of women
#9f53a8 Tritanomaly 0.01% of the population

#af21fd hex color

#af21fd Color Information

#af21fd Color Conversion

Color Schemes with #af21fd

Alternatives to #af21fd

#af21fd Preview

Shades and Tints of #af21fd

Tones of #af21fd

Color Blindness Simulator