#af0de2 hex color

In a RGB color space, hex #af0de2 is composed of 68.6% red, 5.1% green and 88.6% blue. Whereas in a CMYK color space, it is composed of 22.6% cyan, 94.2% magenta, 0% yellow and 11.4% black. It has a hue angle of 285.6 degrees, a saturation of 89.1% and a lightness of 46.9%. #af0de2 color hex could be obtained by blending #ff1aff with #5f00c5. Closest websafe color is: #9900cc.

♥
- f
- t
- g
- R 69
- G 5
- B 89
RGB color chart
- C 23
- M 94
- Y 0
- K 11
CMYK color chart

● #af0de2 color description : Vivid magenta.

The hexadecimal color #af0de2 has RGB values of R:175, G:13, B:226 and CMYK values of C:0.23, M:0.94, Y:0, K:0.11. Its decimal value is 11472354.

Hex triplet	af0de2	`#af0de2`
RGB Decimal	175, 13, 226	`rgb(175,13,226)`
RGB Percent	68.6, 5.1, 88.6	`rgb(68.6%,5.1%,88.6%)`
CMYK	23, 94, 0, 11
HSL	285.6°, 89.1, 46.9	`hsl(285.6,89.1%,46.9%)`
HSV (or HSB)	285.6°, 94.2, 88.6
Web Safe	9900cc	`#9900cc`

CIE-LAB	45.489, 81.155, -69.158
XYZ	31.549, 14.894, 73.16
xyY	0.264, 0.125, 14.894
CIE-LCH	45.489, 106.626, 319.563
CIE-LUV	45.489, 40.3, -109.874
Hunter-Lab	38.593, 78.383, -85.381
Binary	10101111, 00001101, 11100010

#af0de2
```
#af0de2 rgb(175,13,226)
```
#40e20d
```
#40e20d rgb(64,226,13)
```

Complementary Color

#440de2
```
#440de2 rgb(68,13,226)
```
#af0de2
```
#af0de2 rgb(175,13,226)
```
#e20dab
```
#e20dab rgb(226,13,171)
```

Analogous Color

#0de245
```
#0de245 rgb(13,226,69)
```
#af0de2
```
#af0de2 rgb(175,13,226)
```
#abe20d
```
#abe20d rgb(171,226,13)
```

Split Complementary Color

#0de2af
```
#0de2af rgb(13,226,175)
```
#af0de2
```
#af0de2 rgb(175,13,226)
```
#e2af0d
```
#e2af0d rgb(226,175,13)
```

Triadic Color

#0d40e2
```
#0d40e2 rgb(13,64,226)
```
#af0de2
```
#af0de2 rgb(175,13,226)
```
#e2af0d
```
#e2af0d rgb(226,175,13)
```
#40e20d
```
#40e20d rgb(64,226,13)
```

Tetradic Color

#77099a
```
#77099a rgb(119,9,154)
```
#8a0ab2
```
#8a0ab2 rgb(138,10,178)
```
#9c0cca
```
#9c0cca rgb(156,12,202)
```
#af0de2
```
#af0de2 rgb(175,13,226)
```
#bd17f2
```
#bd17f2 rgb(189,23,242)
```
#c42ff3
```
#c42ff3 rgb(196,47,243)
```
#cb47f4
```
#cb47f4 rgb(203,71,244)
```

Monochromatic Color

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

#7a0de2
```
#7a0de2 rgb(122,13,226)
```
#8c0de2
```
#8c0de2 rgb(140,13,226)
```
#9d0de2
```
#9d0de2 rgb(157,13,226)
```
#af0de2
```
#af0de2 rgb(175,13,226)
```
#c10de2
```
#c10de2 rgb(193,13,226)
```
#d30de2
```
#d30de2 rgb(211,13,226)
```
#e20de0
```
#e20de0 rgb(226,13,224)
```

Similar Colors

Text with hexadecimal color #af0de2

This text has a font color of #af0de2.

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

#af0de2 background color

This paragraph has a background color of #af0de2.

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

#af0de2 border color

This element has a border color of #af0de2.

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

CSS codes

.text {color:#af0de2;}

.background {background-color:#af0de2;}

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

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

#030003
```
#030003 rgb(3,0,3)
```
#110116
```
#110116 rgb(17,1,22)
```
#1f0229
```
#1f0229 rgb(31,2,41)
```
#2e033b
```
#2e033b rgb(46,3,59)
```
#3c044e
```
#3c044e rgb(60,4,78)
```
#4a0660
```
#4a0660 rgb(74,6,96)
```
#590773
```
#590773 rgb(89,7,115)
```
#670885
```
#670885 rgb(103,8,133)
```
#760998
```
#760998 rgb(118,9,152)
```
#840aaa
```
#840aaa rgb(132,10,170)
```
#920bbd
```
#920bbd rgb(146,11,189)
```
#a10ccf
```
#a10ccf rgb(161,12,207)
```
#af0de2
```
#af0de2 rgb(175,13,226)
```

Shade Color Variation

#bc11f1
```
#bc11f1 rgb(188,17,241)
```
#c124f2
```
#c124f2 rgb(193,36,242)
```
#c636f3
```
#c636f3 rgb(198,54,243)
```
#cb49f5
```
#cb49f5 rgb(203,73,245)
```
#d15bf6
```
#d15bf6 rgb(209,91,246)
```
#d66ef7
```
#d66ef7 rgb(214,110,247)
```
#db81f8
```
#db81f8 rgb(219,129,248)
```
#e093f9
```
#e093f9 rgb(224,147,249)
```
#e6a6fa
```
#e6a6fa rgb(230,166,250)
```
#ebb8fb
```
#ebb8fb rgb(235,184,251)
```
#f0cbfc
```
#f0cbfc rgb(240,203,252)
```
#f5ddfd
```
#f5ddfd rgb(245,221,253)
```
#fbf0fe
```
#fbf0fe rgb(251,240,254)
```

Tint Color Variation

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

#7a727d
```
#7a727d rgb(122,114,125)
```
#7f6986
```
#7f6986 rgb(127,105,134)
```
#84608f
```
#84608f rgb(132,96,143)
```
#895798
```
#895798 rgb(137,87,152)
```
#8d4da2
```
#8d4da2 rgb(141,77,162)
```
#9244ab
```
#9244ab rgb(146,68,171)
```
#973bb4
```
#973bb4 rgb(151,59,180)
```
#9c32bd
```
#9c32bd rgb(156,50,189)
```
#a129c6
```
#a129c6 rgb(161,41,198)
```
#a51fd0
```
#a51fd0 rgb(165,31,208)
```
#aa16d9
```
#aa16d9 rgb(170,22,217)
```
#af0de2
```
#af0de2 rgb(175,13,226)
```
#b404eb
```
#b404eb rgb(180,4,235)
```

Tone Color Variation

Below, you can see how #af0de2 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
#684772 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0070d9 Protanopia 1% of men
#0075c1 Deuteranopia 1% of men
#9d6269 Tritanopia 0.001% of the population

Trichromacy

#3f4cdc Protanomaly 1% of men, 0.01% of women
#3f4fcd Deuteranomaly 6% of men, 0.4% of women
#a44395 Tritanomaly 0.01% of the population

#af0de2 hex color

#af0de2 Color Information

#af0de2 Color Conversion

Color Schemes with #af0de2

Alternatives to #af0de2

#af0de2 Preview

Shades and Tints of #af0de2

Tones of #af0de2

Color Blindness Simulator