#af0bd6 hex color

In a RGB color space, hex #af0bd6 is composed of 68.6% red, 4.3% green and 83.9% blue. Whereas in a CMYK color space, it is composed of 18.2% cyan, 94.9% magenta, 0% yellow and 16.1% black. It has a hue angle of 288.5 degrees, a saturation of 90.2% and a lightness of 44.1%. #af0bd6 color hex could be obtained by blending #ff16ff with #5f00ad. Closest websafe color is: #9900cc.

♥
- f
- t
- g
- R 69
- G 4
- B 84
RGB color chart
- C 18
- M 95
- Y 0
- K 16
CMYK color chart

● #af0bd6 color description : Strong magenta.

The hexadecimal color #af0bd6 has RGB values of R:175, G:11, B:214 and CMYK values of C:0.18, M:0.95, Y:0, K:0.16. Its decimal value is 11471830.

Hex triplet	af0bd6	`#af0bd6`
RGB Decimal	175, 11, 214	`rgb(175,11,214)`
RGB Percent	68.6, 4.3, 83.9	`rgb(68.6%,4.3%,83.9%)`
CMYK	18, 95, 0, 16
HSL	288.5°, 90.2, 44.1	`hsl(288.5,90.2%,44.1%)`
HSV (or HSB)	288.5°, 94.9, 83.9
Web Safe	9900cc	`#9900cc`

CIE-LAB	44.532, 79.272, -63.847
XYZ	29.935, 14.21, 64.781
xyY	0.275, 0.13, 14.21
CIE-LCH	44.532, 101.786, 321.152
CIE-LUV	44.532, 43.94, -101.872
Hunter-Lab	37.696, 75.783, -75.503
Binary	10101111, 00001011, 11010110

#af0bd6
```
#af0bd6 rgb(175,11,214)
```
#32d60b
```
#32d60b rgb(50,214,11)
```

Complementary Color

#490bd6
```
#490bd6 rgb(73,11,214)
```
#af0bd6
```
#af0bd6 rgb(175,11,214)
```
#d60b98
```
#d60b98 rgb(214,11,152)
```

Analogous Color

#0bd649
```
#0bd649 rgb(11,214,73)
```
#af0bd6
```
#af0bd6 rgb(175,11,214)
```
#98d60b
```
#98d60b rgb(152,214,11)
```

Split Complementary Color

#0bd6af
```
#0bd6af rgb(11,214,175)
```
#af0bd6
```
#af0bd6 rgb(175,11,214)
```
#d6af0b
```
#d6af0b rgb(214,175,11)
```

Triadic Color

#0b32d6
```
#0b32d6 rgb(11,50,214)
```
#af0bd6
```
#af0bd6 rgb(175,11,214)
```
#d6af0b
```
#d6af0b rgb(214,175,11)
```
#32d60b
```
#32d60b rgb(50,214,11)
```

Tetradic Color

#74078d
```
#74078d rgb(116,7,141)
```
#8709a5
```
#8709a5 rgb(135,9,165)
```
#9b0abe
```
#9b0abe rgb(155,10,190)
```
#af0bd6
```
#af0bd6 rgb(175,11,214)
```
#c30cee
```
#c30cee rgb(195,12,238)
```
#cb20f4
```
#cb20f4 rgb(203,32,244)
```
#d139f5
```
#d139f5 rgb(209,57,245)
```

Monochromatic Color

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

#7c0bd6
```
#7c0bd6 rgb(124,11,214)
```
#8d0bd6
```
#8d0bd6 rgb(141,11,214)
```
#9e0bd6
```
#9e0bd6 rgb(158,11,214)
```
#af0bd6
```
#af0bd6 rgb(175,11,214)
```
#c00bd6
```
#c00bd6 rgb(192,11,214)
```
#d10bd6
```
#d10bd6 rgb(209,11,214)
```
#d60bca
```
#d60bca rgb(214,11,202)
```

Similar Colors

Text with hexadecimal color #af0bd6

This text has a font color of #af0bd6.

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

#af0bd6 background color

This paragraph has a background color of #af0bd6.

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

#af0bd6 border color

This element has a border color of #af0bd6.

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

CSS codes

.text {color:#af0bd6;}

.background {background-color:#af0bd6;}

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

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

#070009
```
#070009 rgb(7,0,9)
```
#16011b
```
#16011b rgb(22,1,27)
```
#26022e
```
#26022e rgb(38,2,46)
```
#350341
```
#350341 rgb(53,3,65)
```
#440453
```
#440453 rgb(68,4,83)
```
#530566
```
#530566 rgb(83,5,102)
```
#630679
```
#630679 rgb(99,6,121)
```
#72078b
```
#72078b rgb(114,7,139)
```
#81089e
```
#81089e rgb(129,8,158)
```
#9009b1
```
#9009b1 rgb(144,9,177)
```
#a00ac3
```
#a00ac3 rgb(160,10,195)
```
#af0bd6
```
#af0bd6 rgb(175,11,214)
```
#be0ce9
```
#be0ce9 rgb(190,12,233)
```

Shade Color Variation

#c815f3
```
#c815f3 rgb(200,21,243)
```
#cd28f4
```
#cd28f4 rgb(205,40,244)
```
#d13bf5
```
#d13bf5 rgb(209,59,245)
```
#d54df6
```
#d54df6 rgb(213,77,246)
```
#da60f7
```
#da60f7 rgb(218,96,247)
```
#de73f8
```
#de73f8 rgb(222,115,248)
```
#e385f9
```
#e385f9 rgb(227,133,249)
```
#e798fa
```
#e798fa rgb(231,152,250)
```
#ebaafb
```
#ebaafb rgb(235,170,251)
```
#f0bdfc
```
#f0bdfc rgb(240,189,252)
```
#f4d0fd
```
#f4d0fd rgb(244,208,253)
```
#f8e2fe
```
#f8e2fe rgb(248,226,254)
```
#fdf5fe
```
#fdf5fe rgb(253,245,254)
```

Tint Color Variation

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

#746a77
```
#746a77 rgb(116,106,119)
```
#7a627f
```
#7a627f rgb(122,98,127)
```
#7f5988
```
#7f5988 rgb(127,89,136)
```
#845091
```
#845091 rgb(132,80,145)
```
#8a4899
```
#8a4899 rgb(138,72,153)
```
#8f3fa2
```
#8f3fa2 rgb(143,63,162)
```
#9436ab
```
#9436ab rgb(148,54,171)
```
#9a2eb3
```
#9a2eb3 rgb(154,46,179)
```
#9f25bc
```
#9f25bc rgb(159,37,188)
```
#a41cc5
```
#a41cc5 rgb(164,28,197)
```
#aa14cd
```
#aa14cd rgb(170,20,205)
```
#af0bd6
```
#af0bd6 rgb(175,11,214)
```
#b402df
```
#b402df rgb(180,2,223)
```

Tone Color Variation

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

#535353 Achromatopsia 0.005% of the population
#65456d Atypical Achromatopsia 0.001% of the population

Dichromacy

#006dd5 Protanopia 1% of men
#0073bf Deuteranopia 1% of men
#a05d63 Tritanopia 0.001% of the population

Trichromacy

#3f49d5 Protanomaly 1% of men, 0.01% of women
#3f4dc7 Deuteranomaly 6% of men, 0.4% of women
#a53f8d Tritanomaly 0.01% of the population

#af0bd6 hex color

#af0bd6 Color Information

#af0bd6 Color Conversion

Color Schemes with #af0bd6

Alternatives to #af0bd6

#af0bd6 Preview

Shades and Tints of #af0bd6

Tones of #af0bd6

Color Blindness Simulator