#af0cdd hex color

In a RGB color space, hex #af0cdd is composed of 68.6% red, 4.7% green and 86.7% blue. Whereas in a CMYK color space, it is composed of 20.8% cyan, 94.6% magenta, 0% yellow and 13.3% black. It has a hue angle of 286.8 degrees, a saturation of 89.7% and a lightness of 45.7%. #af0cdd color hex could be obtained by blending #ff18ff with #5f00bb. Closest websafe color is: #9900cc.

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

● #af0cdd color description : Vivid magenta.

The hexadecimal color #af0cdd has RGB values of R:175, G:12, B:221 and CMYK values of C:0.21, M:0.95, Y:0, K:0.13. Its decimal value is 11472093.

Hex triplet	af0cdd	`#af0cdd`
RGB Decimal	175, 12, 221	`rgb(175,12,221)`
RGB Percent	68.6, 4.7, 86.7	`rgb(68.6%,4.7%,86.7%)`
CMYK	21, 95, 0, 13
HSL	286.8°, 89.7, 45.7	`hsl(286.8,89.7%,45.7%)`
HSV (or HSB)	286.8°, 94.6, 86.7
Web Safe	9900cc	`#9900cc`

CIE-LAB	45.08, 80.382, -66.971
XYZ	30.86, 14.599, 69.595
xyY	0.268, 0.127, 14.599
CIE-LCH	45.08, 104.625, 320.2
CIE-LUV	45.08, 41.793, -106.572
Hunter-Lab	38.208, 77.307, -81.249
Binary	10101111, 00001100, 11011101

#af0cdd
```
#af0cdd rgb(175,12,221)
```
#3add0c
```
#3add0c rgb(58,221,12)
```

Complementary Color

#470cdd
```
#470cdd rgb(71,12,221)
```
#af0cdd
```
#af0cdd rgb(175,12,221)
```
#dd0ca3
```
#dd0ca3 rgb(221,12,163)
```

Analogous Color

#0cdd46
```
#0cdd46 rgb(12,221,70)
```
#af0cdd
```
#af0cdd rgb(175,12,221)
```
#a3dd0c
```
#a3dd0c rgb(163,221,12)
```

Split Complementary Color

#0cddaf
```
#0cddaf rgb(12,221,175)
```
#af0cdd
```
#af0cdd rgb(175,12,221)
```
#ddaf0c
```
#ddaf0c rgb(221,175,12)
```

Triadic Color

#0c3add
```
#0c3add rgb(12,58,221)
```
#af0cdd
```
#af0cdd rgb(175,12,221)
```
#ddaf0c
```
#ddaf0c rgb(221,175,12)
```
#3add0c
```
#3add0c rgb(58,221,12)
```

Tetradic Color

#760894
```
#760894 rgb(118,8,148)
```
#8909ad
```
#8909ad rgb(137,9,173)
```
#9c0bc5
```
#9c0bc5 rgb(156,11,197)
```
#af0cdd
```
#af0cdd rgb(175,12,221)
```
#c010f2
```
#c010f2 rgb(192,16,242)
```
#c729f3
```
#c729f3 rgb(199,41,243)
```
#cd41f5
```
#cd41f5 rgb(205,65,245)
```

Monochromatic Color

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

#7b0cdd
```
#7b0cdd rgb(123,12,221)
```
#8c0cdd
```
#8c0cdd rgb(140,12,221)
```
#9e0cdd
```
#9e0cdd rgb(158,12,221)
```
#af0cdd
```
#af0cdd rgb(175,12,221)
```
#c00cdd
```
#c00cdd rgb(192,12,221)
```
#d20cdd
```
#d20cdd rgb(210,12,221)
```
#dd0cd7
```
#dd0cd7 rgb(221,12,215)
```

Similar Colors

Text with hexadecimal color #af0cdd

This text has a font color of #af0cdd.

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

#af0cdd background color

This paragraph has a background color of #af0cdd.

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

#af0cdd border color

This element has a border color of #af0cdd.

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

CSS codes

.text {color:#af0cdd;}

.background {background-color:#af0cdd;}

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

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

#0d0110
```
#0d0110 rgb(13,1,16)
```
#1c0223
```
#1c0223 rgb(28,2,35)
```
#2a0336
```
#2a0336 rgb(42,3,54)
```
#390448
```
#390448 rgb(57,4,72)
```
#48055b
```
#48055b rgb(72,5,91)
```
#57066d
```
#57066d rgb(87,6,109)
```
#650780
```
#650780 rgb(101,7,128)
```
#740893
```
#740893 rgb(116,8,147)
```
#8309a5
```
#8309a5 rgb(131,9,165)
```
#920ab8
```
#920ab8 rgb(146,10,184)
```
#a00bca
```
#a00bca rgb(160,11,202)
```
#af0cdd
```
#af0cdd rgb(175,12,221)
```
#be0df0
```
#be0df0 rgb(190,13,240)
```

Shade Color Variation

#c41df3
```
#c41df3 rgb(196,29,243)
```
#c930f4
```
#c930f4 rgb(201,48,244)
```
#ce43f5
```
#ce43f5 rgb(206,67,245)
```
#d255f6
```
#d255f6 rgb(210,85,246)
```
#d768f7
```
#d768f7 rgb(215,104,247)
```
#dc7bf8
```
#dc7bf8 rgb(220,123,248)
```
#e18df9
```
#e18df9 rgb(225,141,249)
```
#e6a0fa
```
#e6a0fa rgb(230,160,250)
```
#ebb2fb
```
#ebb2fb rgb(235,178,251)
```
#f0c5fc
```
#f0c5fc rgb(240,197,252)
```
#f5d8fd
```
#f5d8fd rgb(245,216,253)
```
#faeafe
```
#faeafe rgb(250,234,254)
```
#fefdff
```
#fefdff rgb(254,253,255)
```

Tint Color Variation

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

#786f7a
```
#786f7a rgb(120,111,122)
```
#7d6683
```
#7d6683 rgb(125,102,131)
```
#825d8c
```
#825d8c rgb(130,93,140)
```
#875495
```
#875495 rgb(135,84,149)
```
#8c4b9e
```
#8c4b9e rgb(140,75,158)
```
#9142a7
```
#9142a7 rgb(145,66,167)
```
#9639b0
```
#9639b0 rgb(150,57,176)
```
#9b30b9
```
#9b30b9 rgb(155,48,185)
```
#a027c2
```
#a027c2 rgb(160,39,194)
```
#a51ecb
```
#a51ecb rgb(165,30,203)
```
#aa15d4
```
#aa15d4 rgb(170,21,212)
```
#af0cdd
```
#af0cdd rgb(175,12,221)
```
#b403e6
```
#b403e6 rgb(180,3,230)
```

Tone Color Variation

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

Dichromacy

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

Trichromacy

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

#af0cdd hex color

#af0cdd Color Information

#af0cdd Color Conversion

Color Schemes with #af0cdd

Alternatives to #af0cdd

#af0cdd Preview

Shades and Tints of #af0cdd

Tones of #af0cdd

Color Blindness Simulator