#af0fdd hex color

In a RGB color space, hex #af0fdd is composed of 68.6% red, 5.9% green and 86.7% blue. Whereas in a CMYK color space, it is composed of 20.8% cyan, 93.2% magenta, 0% yellow and 13.3% black. It has a hue angle of 286.6 degrees, a saturation of 87.3% and a lightness of 46.3%. #af0fdd color hex could be obtained by blending #ff1eff with #5f00bb. Closest websafe color is: #9900cc.

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

● #af0fdd color description : Vivid magenta.

The hexadecimal color #af0fdd has RGB values of R:175, G:15, B:221 and CMYK values of C:0.21, M:0.93, Y:0, K:0.13. Its decimal value is 11472861.

Hex triplet	af0fdd	`#af0fdd`
RGB Decimal	175, 15, 221	`rgb(175,15,221)`
RGB Percent	68.6, 5.9, 86.7	`rgb(68.6%,5.9%,86.7%)`
CMYK	21, 93, 0, 13
HSL	286.6°, 87.3, 46.3	`hsl(286.6,87.3%,46.3%)`
HSV (or HSB)	286.6°, 93.2, 86.7
Web Safe	9900cc	`#9900cc`

CIE-LAB	45.189, 80.055, -66.793
XYZ	30.9, 14.677, 69.608
xyY	0.268, 0.127, 14.677
CIE-LCH	45.189, 104.26, 320.161
CIE-LUV	45.189, 41.662, -106.387
Hunter-Lab	38.311, 76.924, -80.907
Binary	10101111, 00001111, 11011101

#af0fdd
```
#af0fdd rgb(175,15,221)
```
#3ddd0f
```
#3ddd0f rgb(61,221,15)
```

Complementary Color

#480fdd
```
#480fdd rgb(72,15,221)
```
#af0fdd
```
#af0fdd rgb(175,15,221)
```
#dd0fa4
```
#dd0fa4 rgb(221,15,164)
```

Analogous Color

#0fdd48
```
#0fdd48 rgb(15,221,72)
```
#af0fdd
```
#af0fdd rgb(175,15,221)
```
#a4dd0f
```
#a4dd0f rgb(164,221,15)
```

Split Complementary Color

#0fddaf
```
#0fddaf rgb(15,221,175)
```
#af0fdd
```
#af0fdd rgb(175,15,221)
```
#ddaf0f
```
#ddaf0f rgb(221,175,15)
```

Triadic Color

#0f3ddd
```
#0f3ddd rgb(15,61,221)
```
#af0fdd
```
#af0fdd rgb(175,15,221)
```
#ddaf0f
```
#ddaf0f rgb(221,175,15)
```
#3ddd0f
```
#3ddd0f rgb(61,221,15)
```

Tetradic Color

#760a95
```
#760a95 rgb(118,10,149)
```
#890cad
```
#890cad rgb(137,12,173)
```
#9c0dc5
```
#9c0dc5 rgb(156,13,197)
```
#af0fdd
```
#af0fdd rgb(175,15,221)
```
#bf16ef
```
#bf16ef rgb(191,22,239)
```
#c52ef1
```
#c52ef1 rgb(197,46,241)
```
#cc46f2
```
#cc46f2 rgb(204,70,242)
```

Monochromatic Color

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

#7c0fdd
```
#7c0fdd rgb(124,15,221)
```
#8d0fdd
```
#8d0fdd rgb(141,15,221)
```
#9e0fdd
```
#9e0fdd rgb(158,15,221)
```
#af0fdd
```
#af0fdd rgb(175,15,221)
```
#c00fdd
```
#c00fdd rgb(192,15,221)
```
#d10fdd
```
#d10fdd rgb(209,15,221)
```
#dd0fd8
```
#dd0fd8 rgb(221,15,216)
```

Similar Colors

Text with hexadecimal color #af0fdd

This text has a font color of #af0fdd.

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

#af0fdd background color

This paragraph has a background color of #af0fdd.

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

#af0fdd border color

This element has a border color of #af0fdd.

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

CSS codes

.text {color:#af0fdd;}

.background {background-color:#af0fdd;}

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

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

#000001
```
#000001 rgb(0,0,1)
```
#0f0113
```
#0f0113 rgb(15,1,19)
```
#1e0325
```
#1e0325 rgb(30,3,37)
```
#2c0438
```
#2c0438 rgb(44,4,56)
```
#3b054a
```
#3b054a rgb(59,5,74)
```
#49065c
```
#49065c rgb(73,6,92)
```
#58086f
```
#58086f rgb(88,8,111)
```
#660981
```
#660981 rgb(102,9,129)
```
#750a94
```
#750a94 rgb(117,10,148)
```
#830ba6
```
#830ba6 rgb(131,11,166)
```
#920db8
```
#920db8 rgb(146,13,184)
```
#a00ecb
```
#a00ecb rgb(160,14,203)
```
#af0fdd
```
#af0fdd rgb(175,15,221)
```

Shade Color Variation

#bd11ef
```
#bd11ef rgb(189,17,239)
```
#c223f0
```
#c223f0 rgb(194,35,240)
```
#c736f1
```
#c736f1 rgb(199,54,241)
```
#cc48f3
```
#cc48f3 rgb(204,72,243)
```
#d25af4
```
#d25af4 rgb(210,90,244)
```
#d76df5
```
#d76df5 rgb(215,109,245)
```
#dc7ff6
```
#dc7ff6 rgb(220,127,246)
```
#e191f8
```
#e191f8 rgb(225,145,248)
```
#e6a4f9
```
#e6a4f9 rgb(230,164,249)
```
#ebb6fa
```
#ebb6fa rgb(235,182,250)
```
#f0c8fb
```
#f0c8fb rgb(240,200,251)
```
#f5dbfd
```
#f5dbfd rgb(245,219,253)
```
#faedfe
```
#faedfe rgb(250,237,254)
```

Tint Color Variation

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

#787379
```
#787379 rgb(120,115,121)
```
#7d6a82
```
#7d6a82 rgb(125,106,130)
```
#82618b
```
#82618b rgb(130,97,139)
```
#875894
```
#875894 rgb(135,88,148)
```
#8c4f9d
```
#8c4f9d rgb(140,79,157)
```
#9145a7
```
#9145a7 rgb(145,69,167)
```
#963cb0
```
#963cb0 rgb(150,60,176)
```
#9b33b9
```
#9b33b9 rgb(155,51,185)
```
#a02ac2
```
#a02ac2 rgb(160,42,194)
```
#a521cb
```
#a521cb rgb(165,33,203)
```
#aa18d4
```
#aa18d4 rgb(170,24,212)
```
#af0fdd
```
#af0fdd rgb(175,15,221)
```
#b406e6
```
#b406e6 rgb(180,6,230)
```

Tone Color Variation

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

#565656 Achromatopsia 0.005% of the population
#684871 Atypical Achromatopsia 0.001% of the population

Dichromacy

#006fd8 Protanopia 1% of men
#0074c0 Deuteranopia 1% of men
#9e6067 Tritanopia 0.001% of the population

Trichromacy

#3f4cda Protanomaly 1% of men, 0.01% of women
#3f4fcb Deuteranomaly 6% of men, 0.4% of women
#a44392 Tritanomaly 0.01% of the population

#af0fdd hex color

#af0fdd Color Information

#af0fdd Color Conversion

Color Schemes with #af0fdd

Alternatives to #af0fdd

#af0fdd Preview

Shades and Tints of #af0fdd

Tones of #af0fdd

Color Blindness Simulator