#af0ddd hex color

In a RGB color space, hex #af0ddd is composed of 68.6% red, 5.1% green and 86.7% blue. Whereas in a CMYK color space, it is composed of 20.8% cyan, 94.1% magenta, 0% yellow and 13.3% black. It has a hue angle of 286.7 degrees, a saturation of 88.9% and a lightness of 45.9%. #af0ddd color hex could be obtained by blending #ff1aff with #5f00bb. Closest websafe color is: #9900cc.

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

● #af0ddd color description : Vivid magenta.

The hexadecimal color #af0ddd has RGB values of R:175, G:13, B:221 and CMYK values of C:0.21, M:0.94, Y:0, K:0.13. Its decimal value is 11472349.

Hex triplet	af0ddd	`#af0ddd`
RGB Decimal	175, 13, 221	`rgb(175,13,221)`
RGB Percent	68.6, 5.1, 86.7	`rgb(68.6%,5.1%,86.7%)`
CMYK	21, 94, 0, 13
HSL	286.7°, 88.9, 45.9	`hsl(286.7,88.9%,45.9%)`
HSV (or HSB)	286.7°, 94.1, 86.7
Web Safe	9900cc	`#9900cc`

CIE-LAB	45.114, 80.278, -66.914
XYZ	30.873, 14.624, 69.599
xyY	0.268, 0.127, 14.624
CIE-LCH	45.114, 104.509, 320.188
CIE-LUV	45.114, 41.751, -106.514
Hunter-Lab	38.241, 77.186, -81.14
Binary	10101111, 00001101, 11011101

#af0ddd
```
#af0ddd rgb(175,13,221)
```
#3bdd0d
```
#3bdd0d rgb(59,221,13)
```

Complementary Color

#470ddd
```
#470ddd rgb(71,13,221)
```
#af0ddd
```
#af0ddd rgb(175,13,221)
```
#dd0da3
```
#dd0da3 rgb(221,13,163)
```

Analogous Color

#0ddd47
```
#0ddd47 rgb(13,221,71)
```
#af0ddd
```
#af0ddd rgb(175,13,221)
```
#a3dd0d
```
#a3dd0d rgb(163,221,13)
```

Split Complementary Color

#0dddaf
```
#0dddaf rgb(13,221,175)
```
#af0ddd
```
#af0ddd rgb(175,13,221)
```
#ddaf0d
```
#ddaf0d rgb(221,175,13)
```

Triadic Color

#0d3bdd
```
#0d3bdd rgb(13,59,221)
```
#af0ddd
```
#af0ddd rgb(175,13,221)
```
#ddaf0d
```
#ddaf0d rgb(221,175,13)
```
#3bdd0d
```
#3bdd0d rgb(59,221,13)
```

Tetradic Color

#760995
```
#760995 rgb(118,9,149)
```
#890aad
```
#890aad rgb(137,10,173)
```
#9c0cc5
```
#9c0cc5 rgb(156,12,197)
```
#af0ddd
```
#af0ddd rgb(175,13,221)
```
#c012f1
```
#c012f1 rgb(192,18,241)
```
#c62bf3
```
#c62bf3 rgb(198,43,243)
```
#cd43f4
```
#cd43f4 rgb(205,67,244)
```

Monochromatic Color

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

#7b0ddd
```
#7b0ddd rgb(123,13,221)
```
#8c0ddd
```
#8c0ddd rgb(140,13,221)
```
#9e0ddd
```
#9e0ddd rgb(158,13,221)
```
#af0ddd
```
#af0ddd rgb(175,13,221)
```
#c00ddd
```
#c00ddd rgb(192,13,221)
```
#d20ddd
```
#d20ddd rgb(210,13,221)
```
#dd0dd7
```
#dd0dd7 rgb(221,13,215)
```

Similar Colors

Text with hexadecimal color #af0ddd

This text has a font color of #af0ddd.

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

#af0ddd background color

This paragraph has a background color of #af0ddd.

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

#af0ddd border color

This element has a border color of #af0ddd.

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

CSS codes

.text {color:#af0ddd;}

.background {background-color:#af0ddd;}

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

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

#0e0111
```
#0e0111 rgb(14,1,17)
```
#1c0224
```
#1c0224 rgb(28,2,36)
```
#2b0336
```
#2b0336 rgb(43,3,54)
```
#3a0449
```
#3a0449 rgb(58,4,73)
```
#48055b
```
#48055b rgb(72,5,91)
```
#57066e
```
#57066e rgb(87,6,110)
```
#660880
```
#660880 rgb(102,8,128)
```
#740993
```
#740993 rgb(116,9,147)
```
#830aa5
```
#830aa5 rgb(131,10,165)
```
#920bb8
```
#920bb8 rgb(146,11,184)
```
#a00cca
```
#a00cca rgb(160,12,202)
```
#af0ddd
```
#af0ddd rgb(175,13,221)
```
#be0ef0
```
#be0ef0 rgb(190,14,240)
```

Shade Color Variation

#c31ff2
```
#c31ff2 rgb(195,31,242)
```
#c832f3
```
#c832f3 rgb(200,50,243)
```
#cd44f4
```
#cd44f4 rgb(205,68,244)
```
#d257f5
```
#d257f5 rgb(210,87,245)
```
#d769f6
```
#d769f6 rgb(215,105,246)
```
#dc7cf7
```
#dc7cf7 rgb(220,124,247)
```
#e18ff8
```
#e18ff8 rgb(225,143,248)
```
#e6a1f9
```
#e6a1f9 rgb(230,161,249)
```
#ebb4fb
```
#ebb4fb rgb(235,180,251)
```
#f0c6fc
```
#f0c6fc rgb(240,198,252)
```
#f5d9fd
```
#f5d9fd rgb(245,217,253)
```
#faebfe
```
#faebfe rgb(250,235,254)
```
#fffeff
```
#fffeff rgb(255,254,255)
```

Tint Color Variation

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

#78707a
```
#78707a rgb(120,112,122)
```
#7d6783
```
#7d6783 rgb(125,103,131)
```
#825e8c
```
#825e8c rgb(130,94,140)
```
#875595
```
#875595 rgb(135,85,149)
```
#8c4c9e
```
#8c4c9e rgb(140,76,158)
```
#9143a7
```
#9143a7 rgb(145,67,167)
```
#963ab0
```
#963ab0 rgb(150,58,176)
```
#9b31b9
```
#9b31b9 rgb(155,49,185)
```
#a028c2
```
#a028c2 rgb(160,40,194)
```
#a51fcb
```
#a51fcb rgb(165,31,203)
```
#aa16d4
```
#aa16d4 rgb(170,22,212)
```
#af0ddd
```
#af0ddd rgb(175,13,221)
```
#b404e6
```
#b404e6 rgb(180,4,230)
```

Tone Color Variation

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

#555555 Achromatopsia 0.005% of the population
#674770 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

#3f4bda Protanomaly 1% of men, 0.01% of women
#3f4eca Deuteranomaly 6% of men, 0.4% of women
#a44291 Tritanomaly 0.01% of the population

#af0ddd hex color

#af0ddd Color Information

#af0ddd Color Conversion

Color Schemes with #af0ddd

Alternatives to #af0ddd

#af0ddd Preview

Shades and Tints of #af0ddd

Tones of #af0ddd

Color Blindness Simulator