#af2bd3 hex color

In a RGB color space, hex #af2bd3 is composed of 68.6% red, 16.9% green and 82.7% blue. Whereas in a CMYK color space, it is composed of 17.1% cyan, 79.6% magenta, 0% yellow and 17.3% black. It has a hue angle of 287.1 degrees, a saturation of 66.1% and a lightness of 49.8%. #af2bd3 color hex could be obtained by blending #ff56ff with #5f00a7. Closest websafe color is: #9933cc.

♥
- f
- t
- g
- R 69
- G 17
- B 83
RGB color chart
- C 17
- M 80
- Y 0
- K 17
CMYK color chart

● #af2bd3 color description : Strong magenta.

The hexadecimal color #af2bd3 has RGB values of R:175, G:43, B:211 and CMYK values of C:0.17, M:0.8, Y:0, K:0.17. Its decimal value is 11480019.

Hex triplet	af2bd3	`#af2bd3`
RGB Decimal	175, 43, 211	`rgb(175,43,211)`
RGB Percent	68.6, 16.9, 82.7	`rgb(68.6%,16.9%,82.7%)`
CMYK	17, 80, 0, 17
HSL	287.1°, 66.1, 49.8	`hsl(287.1,66.1%,49.8%)`
HSV (or HSB)	287.1°, 79.6, 82.7
Web Safe	9933cc	`#9933cc`

CIE-LAB	46.373, 72.711, -59.142
XYZ	30.3, 15.546, 63.029
xyY	0.278, 0.143, 15.546
CIE-LCH	46.373, 93.727, 320.875
CIE-LUV	46.373, 42.172, -95.965
Hunter-Lab	39.429, 68.171, -67.179
Binary	10101111, 00101011, 11010011

#af2bd3
```
#af2bd3 rgb(175,43,211)
```
#4fd32b
```
#4fd32b rgb(79,211,43)
```

Complementary Color

#5b2bd3
```
#5b2bd3 rgb(91,43,211)
```
#af2bd3
```
#af2bd3 rgb(175,43,211)
```
#d32ba3
```
#d32ba3 rgb(211,43,163)
```

Analogous Color

#2bd35b
```
#2bd35b rgb(43,211,91)
```
#af2bd3
```
#af2bd3 rgb(175,43,211)
```
#a3d32b
```
#a3d32b rgb(163,211,43)
```

Split Complementary Color

#2bd3af
```
#2bd3af rgb(43,211,175)
```
#af2bd3
```
#af2bd3 rgb(175,43,211)
```
#d3af2b
```
#d3af2b rgb(211,175,43)
```

Triadic Color

#2b4fd3
```
#2b4fd3 rgb(43,79,211)
```
#af2bd3
```
#af2bd3 rgb(175,43,211)
```
#d3af2b
```
#d3af2b rgb(211,175,43)
```
#4fd32b
```
#4fd32b rgb(79,211,43)
```

Tetradic Color

#7a1e93
```
#7a1e93 rgb(122,30,147)
```
#8c22a9
```
#8c22a9 rgb(140,34,169)
```
#9d27be
```
#9d27be rgb(157,39,190)
```
#af2bd3
```
#af2bd3 rgb(175,43,211)
```
#b740d8
```
#b740d8 rgb(183,64,216)
```
#bf55dc
```
#bf55dc rgb(191,85,220)
```
#c76ae1
```
#c76ae1 rgb(199,106,225)
```

Monochromatic Color

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

#852bd3
```
#852bd3 rgb(133,43,211)
```
#932bd3
```
#932bd3 rgb(147,43,211)
```
#a12bd3
```
#a12bd3 rgb(161,43,211)
```
#af2bd3
```
#af2bd3 rgb(175,43,211)
```
#bd2bd3
```
#bd2bd3 rgb(189,43,211)
```
#cb2bd3
```
#cb2bd3 rgb(203,43,211)
```
#d32bcd
```
#d32bcd rgb(211,43,205)
```

Similar Colors

Text with hexadecimal color #af2bd3

This text has a font color of #af2bd3.

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

#af2bd3 background color

This paragraph has a background color of #af2bd3.

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

#af2bd3 border color

This element has a border color of #af2bd3.

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

CSS codes

.text {color:#af2bd3;}

.background {background-color:#af2bd3;}

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

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

#0d030f
```
#0d030f rgb(13,3,15)
```
#1a0620
```
#1a0620 rgb(26,6,32)
```
#280a30
```
#280a30 rgb(40,10,48)
```
#350d40
```
#350d40 rgb(53,13,64)
```
#431051
```
#431051 rgb(67,16,81)
```
#501461
```
#501461 rgb(80,20,97)
```
#5e1771
```
#5e1771 rgb(94,23,113)
```
#6b1a82
```
#6b1a82 rgb(107,26,130)
```
#791e92
```
#791e92 rgb(121,30,146)
```
#8621a2
```
#8621a2 rgb(134,33,162)
```
#9424b2
```
#9424b2 rgb(148,36,178)
```
#a128c3
```
#a128c3 rgb(161,40,195)
```
#af2bd3
```
#af2bd3 rgb(175,43,211)
```

Shade Color Variation

#b53bd7
```
#b53bd7 rgb(181,59,215)
```
#bc4bda
```
#bc4bda rgb(188,75,218)
```
#c25bde
```
#c25bde rgb(194,91,222)
```
#c86ce1
```
#c86ce1 rgb(200,108,225)
```
#ce7ce4
```
#ce7ce4 rgb(206,124,228)
```
#d48ce8
```
#d48ce8 rgb(212,140,232)
```
#da9ceb
```
#da9ceb rgb(218,156,235)
```
#e0adee
```
#e0adee rgb(224,173,238)
```
#e6bdf2
```
#e6bdf2 rgb(230,189,242)
```
#eccdf5
```
#eccdf5 rgb(236,205,245)
```
#f2def8
```
#f2def8 rgb(242,222,248)
```
#f9eefc
```
#f9eefc rgb(249,238,252)
```
#fffeff
```
#fffeff rgb(255,254,255)
```

Tint Color Variation

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

#827985
```
#827985 rgb(130,121,133)
```
#886f8f
```
#886f8f rgb(136,111,143)
```
#8e6698
```
#8e6698 rgb(142,102,152)
```
#935ca2
```
#935ca2 rgb(147,92,162)
```
#9952ac
```
#9952ac rgb(153,82,172)
```
#9e48b6
```
#9e48b6 rgb(158,72,182)
```
#a43fbf
```
#a43fbf rgb(164,63,191)
```
#a935c9
```
#a935c9 rgb(169,53,201)
```
#af2bd3
```
#af2bd3 rgb(175,43,211)
```
#b521dd
```
#b521dd rgb(181,33,221)
```
#ba17e7
```
#ba17e7 rgb(186,23,231)
```
#c00ef0
```
#c00ef0 rgb(192,14,240)
```
#c504fa
```
#c504fa rgb(197,4,250)
```

Tone Color Variation

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

#666666 Achromatopsia 0.005% of the population
#755a7c Atypical Achromatopsia 0.001% of the population

Dichromacy

#0071de Protanopia 1% of men
#2776c3 Deuteranopia 1% of men
#a1636a Tritanopia 0.001% of the population

Trichromacy

#3f58da Protanomaly 1% of men, 0.01% of women
#585bc9 Deuteranomaly 6% of men, 0.4% of women
#a64f90 Tritanomaly 0.01% of the population

#af2bd3 hex color

#af2bd3 Color Information

#af2bd3 Color Conversion

Color Schemes with #af2bd3

Alternatives to #af2bd3

#af2bd3 Preview

Shades and Tints of #af2bd3

Tones of #af2bd3

Color Blindness Simulator