#af04df hex color

In a RGB color space, hex #af04df is composed of 68.6% red, 1.6% green and 87.5% blue. Whereas in a CMYK color space, it is composed of 21.5% cyan, 98.2% magenta, 0% yellow and 12.5% black. It has a hue angle of 286.8 degrees, a saturation of 96.5% and a lightness of 44.5%. #af04df color hex could be obtained by blending #ff08ff with #5f00bf. Closest websafe color is: #9900cc.

♥
- f
- t
- g
- R 69
- G 2
- B 87
RGB color chart
- C 22
- M 98
- Y 0
- K 13
CMYK color chart

● #af04df color description : Vivid magenta.

The hexadecimal color #af04df has RGB values of R:175, G:4, B:223 and CMYK values of C:0.22, M:0.98, Y:0, K:0.13. Its decimal value is 11470047.

Hex triplet	af04df	`#af04df`
RGB Decimal	175, 4, 223	`rgb(175,4,223)`
RGB Percent	68.6, 1.6, 87.5	`rgb(68.6%,1.6%,87.5%)`
CMYK	22, 98, 0, 13
HSL	286.8°, 96.5, 44.5	`hsl(286.8,96.5%,44.5%)`
HSV (or HSB)	286.8°, 98.2, 87.5
Web Safe	9900cc	`#9900cc`

CIE-LAB	44.983, 81.463, -68.27
XYZ	31.04, 14.53, 70.977
xyY	0.266, 0.125, 14.53
CIE-LCH	44.983, 106.288, 320.035
CIE-LUV	44.983, 41.492, -108.325
Hunter-Lab	38.118, 78.65, -83.718
Binary	10101111, 00000100, 11011111

#af04df
```
#af04df rgb(175,4,223)
```
#34df04
```
#34df04 rgb(52,223,4)
```

Complementary Color

#4204df
```
#4204df rgb(66,4,223)
```
#af04df
```
#af04df rgb(175,4,223)
```
#df04a2
```
#df04a2 rgb(223,4,162)
```

Analogous Color

#04df42
```
#04df42 rgb(4,223,66)
```
#af04df
```
#af04df rgb(175,4,223)
```
#a2df04
```
#a2df04 rgb(162,223,4)
```

Split Complementary Color

#04dfaf
```
#04dfaf rgb(4,223,175)
```
#af04df
```
#af04df rgb(175,4,223)
```
#dfaf04
```
#dfaf04 rgb(223,175,4)
```

Triadic Color

#0434df
```
#0434df rgb(4,52,223)
```
#af04df
```
#af04df rgb(175,4,223)
```
#dfaf04
```
#dfaf04 rgb(223,175,4)
```
#34df04
```
#34df04 rgb(52,223,4)
```

Tetradic Color

#740394
```
#740394 rgb(116,3,148)
```
#8803ad
```
#8803ad rgb(136,3,173)
```
#9b04c6
```
#9b04c6 rgb(155,4,198)
```
#af04df
```
#af04df rgb(175,4,223)
```
#c304f8
```
#c304f8 rgb(195,4,248)
```
#ca1bfb
```
#ca1bfb rgb(202,27,251)
```
#d034fb
```
#d034fb rgb(208,52,251)
```

Monochromatic Color

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

#7804df
```
#7804df rgb(120,4,223)
```
#8b04df
```
#8b04df rgb(139,4,223)
```
#9d04df
```
#9d04df rgb(157,4,223)
```
#af04df
```
#af04df rgb(175,4,223)
```
#c104df
```
#c104df rgb(193,4,223)
```
#d404df
```
#d404df rgb(212,4,223)
```
#df04d8
```
#df04d8 rgb(223,4,216)
```

Similar Colors

Text with hexadecimal color #af04df

This text has a font color of #af04df.

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

#af04df background color

This paragraph has a background color of #af04df.

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

#af04df border color

This element has a border color of #af04df.

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

CSS codes

.text {color:#af04df;}

.background {background-color:#af04df;}

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

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

#09000b
```
#09000b rgb(9,0,11)
```
#18011e
```
#18011e rgb(24,1,30)
```
#270132
```
#270132 rgb(39,1,50)
```
#360145
```
#360145 rgb(54,1,69)
```
#450258
```
#450258 rgb(69,2,88)
```
#54026b
```
#54026b rgb(84,2,107)
```
#63027f
```
#63027f rgb(99,2,127)
```
#730392
```
#730392 rgb(115,3,146)
```
#8203a5
```
#8203a5 rgb(130,3,165)
```
#9103b8
```
#9103b8 rgb(145,3,184)
```
#a004cc
```
#a004cc rgb(160,4,204)
```
#af04df
```
#af04df rgb(175,4,223)
```
#be04f2
```
#be04f2 rgb(190,4,242)
```

Shade Color Variation

#c710fb
```
#c710fb rgb(199,16,251)
```
#cc23fb
```
#cc23fb rgb(204,35,251)
```
#d036fb
```
#d036fb rgb(208,54,251)
```
#d549fc
```
#d549fc rgb(213,73,252)
```
#d95dfc
```
#d95dfc rgb(217,93,252)
```
#de70fc
```
#de70fc rgb(222,112,252)
```
#e283fd
```
#e283fd rgb(226,131,253)
```
#e796fd
```
#e796fd rgb(231,150,253)
```
#ebaafd
```
#ebaafd rgb(235,170,253)
```
#f0bdfe
```
#f0bdfe rgb(240,189,254)
```
#f4d0fe
```
#f4d0fe rgb(244,208,254)
```
#f9e3ff
```
#f9e3ff rgb(249,227,255)
```
#fdf7ff
```
#fdf7ff rgb(253,247,255)
```

Tint Color Variation

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

#746d76
```
#746d76 rgb(116,109,118)
```
#79647f
```
#79647f rgb(121,100,127)
```
#7e5b88
```
#7e5b88 rgb(126,91,136)
```
#835390
```
#835390 rgb(131,83,144)
```
#884a99
```
#884a99 rgb(136,74,153)
```
#8d41a2
```
#8d41a2 rgb(141,65,162)
```
#9238ab
```
#9238ab rgb(146,56,171)
```
#9630b3
```
#9630b3 rgb(150,48,179)
```
#9b27bc
```
#9b27bc rgb(155,39,188)
```
#a01ec5
```
#a01ec5 rgb(160,30,197)
```
#a515ce
```
#a515ce rgb(165,21,206)
```
#aa0dd6
```
#aa0dd6 rgb(170,13,214)
```
#af04df
```
#af04df rgb(175,4,223)
```

Tone Color Variation

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

#505050 Achromatopsia 0.005% of the population
#63416d Atypical Achromatopsia 0.001% of the population

Dichromacy

#006ed7 Protanopia 1% of men
#0074bf Deuteranopia 1% of men
#9e6066 Tritanopia 0.001% of the population

Trichromacy

#3f48da Protanomaly 1% of men, 0.01% of women
#3f4bcb Deuteranomaly 6% of men, 0.4% of women
#a43e92 Tritanomaly 0.01% of the population

#af04df hex color

#af04df Color Information

#af04df Color Conversion

Color Schemes with #af04df

Alternatives to #af04df

#af04df Preview

Shades and Tints of #af04df

Tones of #af04df

Color Blindness Simulator