#af02d7 hex color

In a RGB color space, hex #af02d7 is composed of 68.6% red, 0.8% green and 84.3% blue. Whereas in a CMYK color space, it is composed of 18.6% cyan, 99.1% magenta, 0% yellow and 15.7% black. It has a hue angle of 288.7 degrees, a saturation of 98.2% and a lightness of 42.5%. #af02d7 color hex could be obtained by blending #ff04ff with #5f00af. Closest websafe color is: #9900cc.

♥
- f
- t
- g
- R 69
- G 1
- B 84
RGB color chart
- C 19
- M 99
- Y 0
- K 16
CMYK color chart

● #af02d7 color description : Strong magenta.

The hexadecimal color #af02d7 has RGB values of R:175, G:2, B:215 and CMYK values of C:0.19, M:0.99, Y:0, K:0.16. Its decimal value is 11469527.

Hex triplet	af02d7	`#af02d7`
RGB Decimal	175, 2, 215	`rgb(175,2,215)`
RGB Percent	68.6, 0.8, 84.3	`rgb(68.6%,0.8%,84.3%)`
CMYK	19, 99, 0, 16
HSL	288.7°, 98.2, 42.5	`hsl(288.7,98.2%,42.5%)`
HSV (or HSB)	288.7°, 99.1, 84.3
Web Safe	9900cc	`#9900cc`

CIE-LAB	44.326, 80.274, -64.756
XYZ	29.965, 14.065, 65.423
xyY	0.274, 0.129, 14.065
CIE-LCH	44.326, 103.137, 321.108
CIE-LUV	44.326, 43.973, -103.035
Hunter-Lab	37.503, 76.99, -77.176
Binary	10101111, 00000010, 11010111

#af02d7
```
#af02d7 rgb(175,2,215)
```
#2ad702
```
#2ad702 rgb(42,215,2)
```

Complementary Color

#4402d7
```
#4402d7 rgb(68,2,215)
```
#af02d7
```
#af02d7 rgb(175,2,215)
```
#d70295
```
#d70295 rgb(215,2,149)
```

Analogous Color

#02d744
```
#02d744 rgb(2,215,68)
```
#af02d7
```
#af02d7 rgb(175,2,215)
```
#95d702
```
#95d702 rgb(149,215,2)
```

Split Complementary Color

#02d7af
```
#02d7af rgb(2,215,175)
```
#af02d7
```
#af02d7 rgb(175,2,215)
```
#d7af02
```
#d7af02 rgb(215,175,2)
```

Triadic Color

#022ad7
```
#022ad7 rgb(2,42,215)
```
#af02d7
```
#af02d7 rgb(175,2,215)
```
#d7af02
```
#d7af02 rgb(215,175,2)
```
#2ad702
```
#2ad702 rgb(42,215,2)
```

Tetradic Color

#71018b
```
#71018b rgb(113,1,139)
```
#8602a4
```
#8602a4 rgb(134,2,164)
```
#9a02be
```
#9a02be rgb(154,2,190)
```
#af02d7
```
#af02d7 rgb(175,2,215)
```
#c402f0
```
#c402f0 rgb(196,2,240)
```
#d00ffd
```
#d00ffd rgb(208,15,253)
```
#d528fd
```
#d528fd rgb(213,40,253)
```

Monochromatic Color

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

#7a02d7
```
#7a02d7 rgb(122,2,215)
```
#8c02d7
```
#8c02d7 rgb(140,2,215)
```
#9d02d7
```
#9d02d7 rgb(157,2,215)
```
#af02d7
```
#af02d7 rgb(175,2,215)
```
#c102d7
```
#c102d7 rgb(193,2,215)
```
#d302d7
```
#d302d7 rgb(211,2,215)
```
#d702ca
```
#d702ca rgb(215,2,202)
```

Similar Colors

Text with hexadecimal color #af02d7

This text has a font color of #af02d7.

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

#af02d7 background color

This paragraph has a background color of #af02d7.

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

#af02d7 border color

This element has a border color of #af02d7.

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

CSS codes

.text {color:#af02d7;}

.background {background-color:#af02d7;}

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

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

#010001
```
#010001 rgb(1,0,1)
```
#110015
```
#110015 rgb(17,0,21)
```
#210028
```
#210028 rgb(33,0,40)
```
#30013c
```
#30013c rgb(48,1,60)
```
#40014f
```
#40014f rgb(64,1,79)
```
#500162
```
#500162 rgb(80,1,98)
```
#600176
```
#600176 rgb(96,1,118)
```
#700189
```
#700189 rgb(112,1,137)
```
#80019d
```
#80019d rgb(128,1,157)
```
#8f02b0
```
#8f02b0 rgb(143,2,176)
```
#9f02c4
```
#9f02c4 rgb(159,2,196)
```
#af02d7
```
#af02d7 rgb(175,2,215)
```
#bf02ea
```
#bf02ea rgb(191,2,234)
```

Shade Color Variation

#ce04fd
```
#ce04fd rgb(206,4,253)
```
#d217fd
```
#d217fd rgb(210,23,253)
```
#d52afd
```
#d52afd rgb(213,42,253)
```
#d93efd
```
#d93efd rgb(217,62,253)
```
#dd51fd
```
#dd51fd rgb(221,81,253)
```
#e165fe
```
#e165fe rgb(225,101,254)
```
#e578fe
```
#e578fe rgb(229,120,254)
```
#e88cfe
```
#e88cfe rgb(232,140,254)
```
#ec9ffe
```
#ec9ffe rgb(236,159,254)
```
#f0b2fe
```
#f0b2fe rgb(240,178,254)
```
#f4c6fe
```
#f4c6fe rgb(244,198,254)
```
#f8d9ff
```
#f8d9ff rgb(248,217,255)
```
#fbedff
```
#fbedff rgb(251,237,255)
```

Tint Color Variation

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

#706673
```
#706673 rgb(112,102,115)
```
#765e7b
```
#765e7b rgb(118,94,123)
```
#7b5584
```
#7b5584 rgb(123,85,132)
```
#804d8c
```
#804d8c rgb(128,77,140)
```
#854594
```
#854594 rgb(133,69,148)
```
#8b3c9d
```
#8b3c9d rgb(139,60,157)
```
#9034a5
```
#9034a5 rgb(144,52,165)
```
#952cad
```
#952cad rgb(149,44,173)
```
#9a23b6
```
#9a23b6 rgb(154,35,182)
```
#9f1bbe
```
#9f1bbe rgb(159,27,190)
```
#a513c6
```
#a513c6 rgb(165,19,198)
```
#aa0acf
```
#aa0acf rgb(170,10,207)
```
#af02d7
```
#af02d7 rgb(175,2,215)
```

Tone Color Variation

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

#4e4e4e Achromatopsia 0.005% of the population
#613f69 Atypical Achromatopsia 0.001% of the population

Dichromacy

#006dd4 Protanopia 1% of men
#0072bd Deuteranopia 1% of men
#a05c63 Tritanopia 0.001% of the population

Trichromacy

#3f46d5 Protanomaly 1% of men, 0.01% of women
#3f49c7 Deuteranomaly 6% of men, 0.4% of women
#a53b8d Tritanomaly 0.01% of the population

#af02d7 hex color

#af02d7 Color Information

#af02d7 Color Conversion

Color Schemes with #af02d7

Alternatives to #af02d7

#af02d7 Preview

Shades and Tints of #af02d7

Tones of #af02d7

Color Blindness Simulator