#af02d4 hex color

In a RGB color space, hex #af02d4 is composed of 68.6% red, 0.8% green and 83.1% blue. Whereas in a CMYK color space, it is composed of 17.5% cyan, 99.1% magenta, 0% yellow and 16.9% black. It has a hue angle of 289.4 degrees, a saturation of 98.1% and a lightness of 42%. #af02d4 color hex could be obtained by blending #ff04ff with #5f00a9. Closest websafe color is: #9900cc.

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

● #af02d4 color description : Strong magenta.

The hexadecimal color #af02d4 has RGB values of R:175, G:2, B:212 and CMYK values of C:0.17, M:0.99, Y:0, K:0.17. Its decimal value is 11469524.

Hex triplet	af02d4	`#af02d4`
RGB Decimal	175, 2, 212	`rgb(175,2,212)`
RGB Percent	68.6, 0.8, 83.1	`rgb(68.6%,0.8%,83.1%)`
CMYK	17, 99, 0, 17
HSL	289.4°, 98.1, 42	`hsl(289.4,98.1%,42%)`
HSV (or HSB)	289.4°, 99.1, 83.1
Web Safe	9900cc	`#9900cc`

CIE-LAB	44.107, 79.767, -63.386
XYZ	29.583, 13.912, 63.411
xyY	0.277, 0.13, 13.912
CIE-LCH	44.107, 101.885, 321.528
CIE-LUV	44.107, 44.906, -100.991
Hunter-Lab	37.299, 76.301, -74.687
Binary	10101111, 00000010, 11010100

#af02d4
```
#af02d4 rgb(175,2,212)
```
#27d402
```
#27d402 rgb(39,212,2)
```

Complementary Color

#4602d4
```
#4602d4 rgb(70,2,212)
```
#af02d4
```
#af02d4 rgb(175,2,212)
```
#d40290
```
#d40290 rgb(212,2,144)
```

Analogous Color

#02d446
```
#02d446 rgb(2,212,70)
```
#af02d4
```
#af02d4 rgb(175,2,212)
```
#90d402
```
#90d402 rgb(144,212,2)
```

Split Complementary Color

#02d4af
```
#02d4af rgb(2,212,175)
```
#af02d4
```
#af02d4 rgb(175,2,212)
```
#d4af02
```
#d4af02 rgb(212,175,2)
```

Triadic Color

#0227d4
```
#0227d4 rgb(2,39,212)
```
#af02d4
```
#af02d4 rgb(175,2,212)
```
#d4af02
```
#d4af02 rgb(212,175,2)
```
#27d402
```
#27d402 rgb(39,212,2)
```

Tetradic Color

#700188
```
#700188 rgb(112,1,136)
```
#8502a1
```
#8502a1 rgb(133,2,161)
```
#9a02bb
```
#9a02bb rgb(154,2,187)
```
#af02d4
```
#af02d4 rgb(175,2,212)
```
#c402ed
```
#c402ed rgb(196,2,237)
```
#d20cfd
```
#d20cfd rgb(210,12,253)
```
#d726fd
```
#d726fd rgb(215,38,253)
```

Monochromatic Color

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

#7b02d4
```
#7b02d4 rgb(123,2,212)
```
#8c02d4
```
#8c02d4 rgb(140,2,212)
```
#9e02d4
```
#9e02d4 rgb(158,2,212)
```
#af02d4
```
#af02d4 rgb(175,2,212)
```
#c102d4
```
#c102d4 rgb(193,2,212)
```
#d202d4
```
#d202d4 rgb(210,2,212)
```
#d402c5
```
#d402c5 rgb(212,2,197)
```

Similar Colors

Text with hexadecimal color #af02d4

This text has a font color of #af02d4.

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

#af02d4 background color

This paragraph has a background color of #af02d4.

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

#af02d4 border color

This element has a border color of #af02d4.

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

CSS codes

.text {color:#af02d4;}

.background {background-color:#af02d4;}

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

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, #0f0012 is the darkest color, while #fffdff is the lightest one.

#0f0012
```
#0f0012 rgb(15,0,18)
```
#1f0025
```
#1f0025 rgb(31,0,37)
```
#2f0139
```
#2f0139 rgb(47,1,57)
```
#3f014c
```
#3f014c rgb(63,1,76)
```
#4f015f
```
#4f015f rgb(79,1,95)
```
#5f0173
```
#5f0173 rgb(95,1,115)
```
#6f0186
```
#6f0186 rgb(111,1,134)
```
#7f019a
```
#7f019a rgb(127,1,154)
```
#8f02ad
```
#8f02ad rgb(143,2,173)
```
#9f02c1
```
#9f02c1 rgb(159,2,193)
```
#af02d4
```
#af02d4 rgb(175,2,212)
```
#bf02e7
```
#bf02e7 rgb(191,2,231)
```
#cf02fb
```
#cf02fb rgb(207,2,251)
```

Shade Color Variation

#d414fd
```
#d414fd rgb(212,20,253)
```
#d727fd
```
#d727fd rgb(215,39,253)
```
#db3bfd
```
#db3bfd rgb(219,59,253)
```
#df4efd
```
#df4efd rgb(223,78,253)
```
#e262fe
```
#e262fe rgb(226,98,254)
```
#e675fe
```
#e675fe rgb(230,117,254)
```
#e989fe
```
#e989fe rgb(233,137,254)
```
#ed9cfe
```
#ed9cfe rgb(237,156,254)
```
#f0b0fe
```
#f0b0fe rgb(240,176,254)
```
#f4c3fe
```
#f4c3fe rgb(244,195,254)
```
#f8d6ff
```
#f8d6ff rgb(248,214,255)
```
#fbeaff
```
#fbeaff rgb(251,234,255)
```
#fffdff
```
#fffdff rgb(255,253,255)
```

Tint Color Variation

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

#6f6571
```
#6f6571 rgb(111,101,113)
```
#745d79
```
#745d79 rgb(116,93,121)
```
#7a5482
```
#7a5482 rgb(122,84,130)
```
#7f4c8a
```
#7f4c8a rgb(127,76,138)
```
#844492
```
#844492 rgb(132,68,146)
```
#8a3c9a
```
#8a3c9a rgb(138,60,154)
```
#8f33a3
```
#8f33a3 rgb(143,51,163)
```
#942bab
```
#942bab rgb(148,43,171)
```
#9a23b3
```
#9a23b3 rgb(154,35,179)
```
#9f1bbb
```
#9f1bbb rgb(159,27,187)
```
#a412c4
```
#a412c4 rgb(164,18,196)
```
#aa0acc
```
#aa0acc rgb(170,10,204)
```
#af02d4
```
#af02d4 rgb(175,2,212)
```

Tone Color Variation

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

#006cd3 Protanopia 1% of men
#0072bd Deuteranopia 1% of men
#a05b61 Tritanopia 0.001% of the population

Trichromacy

#3f46d3 Protanomaly 1% of men, 0.01% of women
#3f49c5 Deuteranomaly 6% of men, 0.4% of women
#a53b8b Tritanomaly 0.01% of the population

#af02d4 hex color

#af02d4 Color Information

#af02d4 Color Conversion

Color Schemes with #af02d4

Alternatives to #af02d4

#af02d4 Preview

Shades and Tints of #af02d4

Tones of #af02d4

Color Blindness Simulator