#af02dd hex color

In a RGB color space, hex #af02dd is composed of 68.6% red, 0.8% green and 86.7% blue. Whereas in a CMYK color space, it is composed of 20.8% cyan, 99.1% magenta, 0% yellow and 13.3% black. It has a hue angle of 287.4 degrees, a saturation of 98.2% and a lightness of 43.7%. #af02dd color hex could be obtained by blending #ff04ff with #5f00bb. Closest websafe color is: #9900cc.

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

● #af02dd color description : Vivid magenta.

The hexadecimal color #af02dd has RGB values of R:175, G:2, B:221 and CMYK values of C:0.21, M:0.99, Y:0, K:0.13. Its decimal value is 11469533.

Hex triplet	af02dd	`#af02dd`
RGB Decimal	175, 2, 221	`rgb(175,2,221)`
RGB Percent	68.6, 0.8, 86.7	`rgb(68.6%,0.8%,86.7%)`
CMYK	21, 99, 0, 13
HSL	287.4°, 98.2, 43.7	`hsl(287.4,98.2%,43.7%)`
HSV (or HSB)	287.4°, 99.1, 86.7
Web Safe	9900cc	`#9900cc`

CIE-LAB	44.772, 81.3, -67.471
XYZ	30.75, 14.379, 69.558
xyY	0.268, 0.125, 14.379
CIE-LCH	44.772, 105.651, 320.311
CIE-LUV	44.772, 42.155, -107.085
Hunter-Lab	37.92, 78.392, -82.215
Binary	10101111, 00000010, 11011101

#af02dd
```
#af02dd rgb(175,2,221)
```
#30dd02
```
#30dd02 rgb(48,221,2)
```

Complementary Color

#4202dd
```
#4202dd rgb(66,2,221)
```
#af02dd
```
#af02dd rgb(175,2,221)
```
#dd029e
```
#dd029e rgb(221,2,158)
```

Analogous Color

#02dd42
```
#02dd42 rgb(2,221,66)
```
#af02dd
```
#af02dd rgb(175,2,221)
```
#9edd02
```
#9edd02 rgb(158,221,2)
```

Split Complementary Color

#02ddaf
```
#02ddaf rgb(2,221,175)
```
#af02dd
```
#af02dd rgb(175,2,221)
```
#ddaf02
```
#ddaf02 rgb(221,175,2)
```

Triadic Color

#0230dd
```
#0230dd rgb(2,48,221)
```
#af02dd
```
#af02dd rgb(175,2,221)
```
#ddaf02
```
#ddaf02 rgb(221,175,2)
```
#30dd02
```
#30dd02 rgb(48,221,2)
```

Tetradic Color

#730191
```
#730191 rgb(115,1,145)
```
#8702aa
```
#8702aa rgb(135,2,170)
```
#9b02c4
```
#9b02c4 rgb(155,2,196)
```
#af02dd
```
#af02dd rgb(175,2,221)
```
#c302f6
```
#c302f6 rgb(195,2,246)
```
#cc15fd
```
#cc15fd rgb(204,21,253)
```
#d22efd
```
#d22efd rgb(210,46,253)
```

Monochromatic Color

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

#7802dd
```
#7802dd rgb(120,2,221)
```
#8b02dd
```
#8b02dd rgb(139,2,221)
```
#9d02dd
```
#9d02dd rgb(157,2,221)
```
#af02dd
```
#af02dd rgb(175,2,221)
```
#c102dd
```
#c102dd rgb(193,2,221)
```
#d402dd
```
#d402dd rgb(212,2,221)
```
#dd02d4
```
#dd02d4 rgb(221,2,212)
```

Similar Colors

Text with hexadecimal color #af02dd

This text has a font color of #af02dd.

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

#af02dd background color

This paragraph has a background color of #af02dd.

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

#af02dd border color

This element has a border color of #af02dd.

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

CSS codes

.text {color:#af02dd;}

.background {background-color:#af02dd;}

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

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

#060007
```
#060007 rgb(6,0,7)
```
#15001b
```
#15001b rgb(21,0,27)
```
#24002e
```
#24002e rgb(36,0,46)
```
#340141
```
#340141 rgb(52,1,65)
```
#430155
```
#430155 rgb(67,1,85)
```
#530168
```
#530168 rgb(83,1,104)
```
#62017c
```
#62017c rgb(98,1,124)
```
#71018f
```
#71018f rgb(113,1,143)
```
#8101a3
```
#8101a3 rgb(129,1,163)
```
#9002b6
```
#9002b6 rgb(144,2,182)
```
#a002ca
```
#a002ca rgb(160,2,202)
```
#af02dd
```
#af02dd rgb(175,2,221)
```
#be02f0
```
#be02f0 rgb(190,2,240)
```

Shade Color Variation

#ca09fd
```
#ca09fd rgb(202,9,253)
```
#ce1dfd
```
#ce1dfd rgb(206,29,253)
```
#d230fd
```
#d230fd rgb(210,48,253)
```
#d644fd
```
#d644fd rgb(214,68,253)
```
#db57fd
```
#db57fd rgb(219,87,253)
```
#df6bfe
```
#df6bfe rgb(223,107,254)
```
#e37efe
```
#e37efe rgb(227,126,254)
```
#e792fe
```
#e792fe rgb(231,146,254)
```
#eba5fe
```
#eba5fe rgb(235,165,254)
```
#f0b8fe
```
#f0b8fe rgb(240,184,254)
```
#f4ccff
```
#f4ccff rgb(244,204,255)
```
#f8dfff
```
#f8dfff rgb(248,223,255)
```
#fcf3ff
```
#fcf3ff rgb(252,243,255)
```

Tint Color Variation

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

#736976
```
#736976 rgb(115,105,118)
```
#78607f
```
#78607f rgb(120,96,127)
```
#7d5887
```
#7d5887 rgb(125,88,135)
```
#824f90
```
#824f90 rgb(130,79,144)
```
#874798
```
#874798 rgb(135,71,152)
```
#8c3ea1
```
#8c3ea1 rgb(140,62,161)
```
#9135aa
```
#9135aa rgb(145,53,170)
```
#962db2
```
#962db2 rgb(150,45,178)
```
#9b24bb
```
#9b24bb rgb(155,36,187)
```
#a01cc3
```
#a01cc3 rgb(160,28,195)
```
#a513cc
```
#a513cc rgb(165,19,204)
```
#aa0bd4
```
#aa0bd4 rgb(170,11,212)
```
#af02dd
```
#af02dd rgb(175,2,221)
```

Tone Color Variation

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

#4f4f4f Achromatopsia 0.005% of the population
#62406b Atypical Achromatopsia 0.001% of the population

Dichromacy

#006ed6 Protanopia 1% of men
#0073bf Deuteranopia 1% of men
#9e5f65 Tritanopia 0.001% of the population

Trichromacy

#3f47d9 Protanomaly 1% of men, 0.01% of women
#3f4ac9 Deuteranomaly 6% of men, 0.4% of women
#a43d91 Tritanomaly 0.01% of the population

#af02dd hex color

#af02dd Color Information

#af02dd Color Conversion

Color Schemes with #af02dd

Alternatives to #af02dd

#af02dd Preview

Shades and Tints of #af02dd

Tones of #af02dd

Color Blindness Simulator