colorhexa.com

#af3bd2 hex color

In a RGB color space, hex #af3bd2 is composed of 68.6% red, 23.1% green and 82.4% blue. Whereas in a CMYK color space, it is composed of 16.7% cyan, 71.9% magenta, 0% yellow and 17.6% black. It has a hue angle of 286.1 degrees, a saturation of 62.7% and a lightness of 52.7%. #af3bd2 color hex could be obtained by blending #ff76ff with #5f00a5. Closest websafe color is: #9933cc.

- R 69
- G 23
- B 82
RGB color chart
- C 17
- M 72
- Y 0
- K 18
CMYK color chart

● #af3bd2 color description : Moderate magenta.

The hexadecimal color #af3bd2 has RGB values of R:175, G:59, B:210 and CMYK values of C:0.17, M:0.72, Y:0, K:0.18. Its decimal value is 11484114.

Hex triplet	af3bd2	`#af3bd2`
RGB Decimal	175, 59, 210	`rgb(175,59,210)`
RGB Percent	68.6, 23.1, 82.4	`rgb(68.6%,23.1%,82.4%)`
CMYK	17, 72, 0, 18
HSL	286.1°, 62.7, 52.7	`hsl(286.1,62.7%,52.7%)`
HSV (or HSB)	286.1°, 71.9, 82.4
Web Safe	9933cc	`#9933cc`

CIE-LAB	48.129, 67.291, -55.74
XYZ	30.875, 16.896, 62.604
xyY	0.28, 0.153, 16.896
CIE-LCH	48.129, 87.378, 320.364
CIE-LUV	48.129, 39.879, -91.506
Hunter-Lab	41.105, 62.14, -61.527
Binary	10101111, 00111011, 11010010

#af3bd2
```
#af3bd2 rgb(175,59,210)
```
#5ed23b
```
#5ed23b rgb(94,210,59)
```

Complementary Color

#643bd2
```
#643bd2 rgb(100,59,210)
```
#af3bd2
```
#af3bd2 rgb(175,59,210)
```
#d23baa
```
#d23baa rgb(210,59,170)
```

Analogous Color

#3bd264
```
#3bd264 rgb(59,210,100)
```
#af3bd2
```
#af3bd2 rgb(175,59,210)
```
#aad23b
```
#aad23b rgb(170,210,59)
```

Split Complementary Color

#3bd2af
```
#3bd2af rgb(59,210,175)
```
#af3bd2
```
#af3bd2 rgb(175,59,210)
```
#d2af3b
```
#d2af3b rgb(210,175,59)
```

Triadic Color

#3b5ed2
```
#3b5ed2 rgb(59,94,210)
```
#af3bd2
```
#af3bd2 rgb(175,59,210)
```
#d2af3b
```
#d2af3b rgb(210,175,59)
```
#5ed23b
```
#5ed23b rgb(94,210,59)
```

Tetradic Color

#81249d
```
#81249d rgb(129,36,157)
```
#9229b1
```
#9229b1 rgb(146,41,177)
```
#a32dc6
```
#a32dc6 rgb(163,45,198)
```
#af3bd2
```
#af3bd2 rgb(175,59,210)
```
#b750d7
```
#b750d7 rgb(183,80,215)
```
#c064dc
```
#c064dc rgb(192,100,220)
```
#c879e0
```
#c879e0 rgb(200,121,224)
```

Monochromatic Color

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

#893bd2
```
#893bd2 rgb(137,59,210)
```
#963bd2
```
#963bd2 rgb(150,59,210)
```
#a23bd2
```
#a23bd2 rgb(162,59,210)
```
#af3bd2
```
#af3bd2 rgb(175,59,210)
```
#bc3bd2
```
#bc3bd2 rgb(188,59,210)
```
#c83bd2
```
#c83bd2 rgb(200,59,210)
```
#d23bcf
```
#d23bcf rgb(210,59,207)
```

Similar Colors

Text with hexadecimal color #af3bd2

This text has a font color of #af3bd2.

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

#af3bd2 background color

This paragraph has a background color of #af3bd2.

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

#af3bd2 border color

This element has a border color of #af3bd2.

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

CSS codes

.text {color:#af3bd2;}

.background {background-color:#af3bd2;}

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

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, #09030b is the darkest color, while #fdfafe is the lightest one.

#09030b
```
#09030b rgb(9,3,11)
```
#16061b
```
#16061b rgb(22,6,27)
```
#240a2b
```
#240a2b rgb(36,10,43)
```
#310e3b
```
#310e3b rgb(49,14,59)
```
#3e114b
```
#3e114b rgb(62,17,75)
```
#4b155b
```
#4b155b rgb(75,21,91)
```
#58196b
```
#58196b rgb(88,25,107)
```
#651c7b
```
#651c7b rgb(101,28,123)
```
#72208b
```
#72208b rgb(114,32,139)
```
#7f249b
```
#7f249b rgb(127,36,155)
```
#8c27ab
```
#8c27ab rgb(140,39,171)
```
#992bbb
```
#992bbb rgb(153,43,187)
```
#a72fcb
```
#a72fcb rgb(167,47,203)
```

Shade Color Variation

#af3bd2
```
#af3bd2 rgb(175,59,210)
```
#b64bd6
```
#b64bd6 rgb(182,75,214)
```
#bc5bd9
```
#bc5bd9 rgb(188,91,217)
```
#c36bdd
```
#c36bdd rgb(195,107,221)
```
#c97be1
```
#c97be1 rgb(201,123,225)
```
#d08be4
```
#d08be4 rgb(208,139,228)
```
#d69be8
```
#d69be8 rgb(214,155,232)
```
#ddabec
```
#ddabec rgb(221,171,236)
```
#e3bbef
```
#e3bbef rgb(227,187,239)
```
#eacbf3
```
#eacbf3 rgb(234,203,243)
```
#f0dbf7
```
#f0dbf7 rgb(240,219,247)
```
#f7eafa
```
#f7eafa rgb(247,234,250)
```
#fdfafe
```
#fdfafe rgb(253,250,254)
```

Tint Color Variation

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

#878588
```
#878588 rgb(135,133,136)
```
#8c7c91
```
#8c7c91 rgb(140,124,145)
```
#91739a
```
#91739a rgb(145,115,154)
```
#9669a4
```
#9669a4 rgb(150,105,164)
```
#9b60ad
```
#9b60ad rgb(155,96,173)
```
#a057b6
```
#a057b6 rgb(160,87,182)
```
#a54ebf
```
#a54ebf rgb(165,78,191)
```
#aa44c9
```
#aa44c9 rgb(170,68,201)
```
#af3bd2
```
#af3bd2 rgb(175,59,210)
```
#b432db
```
#b432db rgb(180,50,219)
```
#b928e5
```
#b928e5 rgb(185,40,229)
```
#be1fee
```
#be1fee rgb(190,31,238)
```
#c316f7
```
#c316f7 rgb(195,22,247)
```

Tone Color Variation

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

#6f6f6f Achromatopsia 0.005% of the population
#7c6583 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0075e6 Protanopia 1% of men
#3c7ac4 Deuteranopia 1% of men
#a26970 Tritanopia 0.001% of the population

Trichromacy

#3f60df Protanomaly 1% of men, 0.01% of women
#6663c9 Deuteranomaly 6% of men, 0.4% of women
#a75894 Tritanomaly 0.01% of the population