#af0bdd hex color

In a RGB color space, hex #af0bdd is composed of 68.6% red, 4.3% green and 86.7% blue. Whereas in a CMYK color space, it is composed of 20.8% cyan, 95% magenta, 0% yellow and 13.3% black. It has a hue angle of 286.9 degrees, a saturation of 90.5% and a lightness of 45.5%. #af0bdd color hex could be obtained by blending #ff16ff with #5f00bb. Closest websafe color is: #9900cc.

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

● #af0bdd color description : Vivid magenta.

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

Hex triplet	af0bdd	`#af0bdd`
RGB Decimal	175, 11, 221	`rgb(175,11,221)`
RGB Percent	68.6, 4.3, 86.7	`rgb(68.6%,4.3%,86.7%)`
CMYK	21, 95, 0, 13
HSL	286.9°, 90.5, 45.5	`hsl(286.9,90.5%,45.5%)`
HSV (or HSB)	286.9°, 95, 86.7
Web Safe	9900cc	`#9900cc`

CIE-LAB	45.047, 80.48, -67.024
XYZ	30.848, 14.575, 69.591
xyY	0.268, 0.127, 14.575
CIE-LCH	45.047, 104.734, 320.212
CIE-LUV	45.047, 41.832, -106.628
Hunter-Lab	38.177, 77.423, -81.352
Binary	10101111, 00001011, 11011101

#af0bdd
```
#af0bdd rgb(175,11,221)
```
#39dd0b
```
#39dd0b rgb(57,221,11)
```

Complementary Color

#460bdd
```
#460bdd rgb(70,11,221)
```
#af0bdd
```
#af0bdd rgb(175,11,221)
```
#dd0ba2
```
#dd0ba2 rgb(221,11,162)
```

Analogous Color

#0bdd46
```
#0bdd46 rgb(11,221,70)
```
#af0bdd
```
#af0bdd rgb(175,11,221)
```
#a2dd0b
```
#a2dd0b rgb(162,221,11)
```

Split Complementary Color

#0bddaf
```
#0bddaf rgb(11,221,175)
```
#af0bdd
```
#af0bdd rgb(175,11,221)
```
#ddaf0b
```
#ddaf0b rgb(221,175,11)
```

Triadic Color

#0b39dd
```
#0b39dd rgb(11,57,221)
```
#af0bdd
```
#af0bdd rgb(175,11,221)
```
#ddaf0b
```
#ddaf0b rgb(221,175,11)
```
#39dd0b
```
#39dd0b rgb(57,221,11)
```

Tetradic Color

#750794
```
#750794 rgb(117,7,148)
```
#8909ac
```
#8909ac rgb(137,9,172)
```
#9c0ac5
```
#9c0ac5 rgb(156,10,197)
```
#af0bdd
```
#af0bdd rgb(175,11,221)
```
#c10ef3
```
#c10ef3 rgb(193,14,243)
```
#c727f4
```
#c727f4 rgb(199,39,244)
```
#cd3ff5
```
#cd3ff5 rgb(205,63,245)
```

Monochromatic Color

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

#7b0bdd
```
#7b0bdd rgb(123,11,221)
```
#8c0bdd
```
#8c0bdd rgb(140,11,221)
```
#9e0bdd
```
#9e0bdd rgb(158,11,221)
```
#af0bdd
```
#af0bdd rgb(175,11,221)
```
#c10bdd
```
#c10bdd rgb(193,11,221)
```
#d20bdd
```
#d20bdd rgb(210,11,221)
```
#dd0bd7
```
#dd0bd7 rgb(221,11,215)
```

Similar Colors

Text with hexadecimal color #af0bdd

This text has a font color of #af0bdd.

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

#af0bdd background color

This paragraph has a background color of #af0bdd.

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

#af0bdd border color

This element has a border color of #af0bdd.

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

CSS codes

.text {color:#af0bdd;}

.background {background-color:#af0bdd;}

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

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

#0c010f
```
#0c010f rgb(12,1,15)
```
#1b0222
```
#1b0222 rgb(27,2,34)
```
#2a0335
```
#2a0335 rgb(42,3,53)
```
#390448
```
#390448 rgb(57,4,72)
```
#47045a
```
#47045a rgb(71,4,90)
```
#56056d
```
#56056d rgb(86,5,109)
```
#650680
```
#650680 rgb(101,6,128)
```
#740792
```
#740792 rgb(116,7,146)
```
#8308a5
```
#8308a5 rgb(131,8,165)
```
#9109b8
```
#9109b8 rgb(145,9,184)
```
#a00aca
```
#a00aca rgb(160,10,202)
```
#af0bdd
```
#af0bdd rgb(175,11,221)
```
#be0cf0
```
#be0cf0 rgb(190,12,240)
```

Shade Color Variation

#c41cf4
```
#c41cf4 rgb(196,28,244)
```
#c92ef5
```
#c92ef5 rgb(201,46,245)
```
#ce41f6
```
#ce41f6 rgb(206,65,246)
```
#d354f6
```
#d354f6 rgb(211,84,246)
```
#d866f7
```
#d866f7 rgb(216,102,247)
```
#dc79f8
```
#dc79f8 rgb(220,121,248)
```
#e18cf9
```
#e18cf9 rgb(225,140,249)
```
#e69efa
```
#e69efa rgb(230,158,250)
```
#ebb1fb
```
#ebb1fb rgb(235,177,251)
```
#f0c4fc
```
#f0c4fc rgb(240,196,252)
```
#f5d6fd
```
#f5d6fd rgb(245,214,253)
```
#f9e9fe
```
#f9e9fe rgb(249,233,254)
```
#fefcff
```
#fefcff rgb(254,252,255)
```

Tint Color Variation

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

#786d7b
```
#786d7b rgb(120,109,123)
```
#7d6484
```
#7d6484 rgb(125,100,132)
```
#825b8d
```
#825b8d rgb(130,91,141)
```
#875296
```
#875296 rgb(135,82,150)
```
#8c499f
```
#8c499f rgb(140,73,159)
```
#9141a7
```
#9141a7 rgb(145,65,167)
```
#9638b0
```
#9638b0 rgb(150,56,176)
```
#9b2fb9
```
#9b2fb9 rgb(155,47,185)
```
#a026c2
```
#a026c2 rgb(160,38,194)
```
#a51dcb
```
#a51dcb rgb(165,29,203)
```
#aa14d4
```
#aa14d4 rgb(170,20,212)
```
#af0bdd
```
#af0bdd rgb(175,11,221)
```
#b402e6
```
#b402e6 rgb(180,2,230)
```

Tone Color Variation

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

#545454 Achromatopsia 0.005% of the population
#66456f 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

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

#af0bdd hex color

#af0bdd Color Information

#af0bdd Color Conversion

Color Schemes with #af0bdd

Alternatives to #af0bdd

#af0bdd Preview

Shades and Tints of #af0bdd

Tones of #af0bdd

Color Blindness Simulator