#af31dc hex color

In a RGB color space, hex #af31dc is composed of 68.6% red, 19.2% green and 86.3% blue. Whereas in a CMYK color space, it is composed of 20.5% cyan, 77.7% magenta, 0% yellow and 13.7% black. It has a hue angle of 284.2 degrees, a saturation of 71% and a lightness of 52.7%. #af31dc color hex could be obtained by blending #ff62ff with #5f00b9. Closest websafe color is: #9933cc.

♥
- f
- t
- g
- R 69
- G 19
- B 86
RGB color chart
- C 20
- M 78
- Y 0
- K 14
CMYK color chart

● #af31dc color description : Bright violet.

The hexadecimal color #af31dc has RGB values of R:175, G:49, B:220 and CMYK values of C:0.2, M:0.78, Y:0, K:0.14. Its decimal value is 11481564.

Hex triplet	af31dc	`#af31dc`
RGB Decimal	175, 49, 220	`rgb(175,49,220)`
RGB Percent	68.6, 19.2, 86.3	`rgb(68.6%,19.2%,86.3%)`
CMYK	20, 78, 0, 14
HSL	284.2°, 71, 52.7	`hsl(284.2,71%,52.7%)`
HSV (or HSB)	284.2°, 77.7, 86.3
Web Safe	9933cc	`#9933cc`

CIE-LAB	47.597, 72.599, -62.319
XYZ	31.694, 16.479, 69.218
xyY	0.27, 0.14, 16.479
CIE-LCH	47.597, 95.678, 319.357
CIE-LUV	47.597, 38.816, -101.168
Hunter-Lab	40.594, 68.324, -72.679
Binary	10101111, 00110001, 11011100

#af31dc
```
#af31dc rgb(175,49,220)
```
#5edc31
```
#5edc31 rgb(94,220,49)
```

Complementary Color

#5931dc
```
#5931dc rgb(89,49,220)
```
#af31dc
```
#af31dc rgb(175,49,220)
```
#dc31b4
```
#dc31b4 rgb(220,49,180)
```

Analogous Color

#31dc59
```
#31dc59 rgb(49,220,89)
```
#af31dc
```
#af31dc rgb(175,49,220)
```
#b4dc31
```
#b4dc31 rgb(180,220,49)
```

Split Complementary Color

#31dcaf
```
#31dcaf rgb(49,220,175)
```
#af31dc
```
#af31dc rgb(175,49,220)
```
#dcaf31
```
#dcaf31 rgb(220,175,49)
```

Triadic Color

#315edc
```
#315edc rgb(49,94,220)
```
#af31dc
```
#af31dc rgb(175,49,220)
```
#dcaf31
```
#dcaf31 rgb(220,175,49)
```
#5edc31
```
#5edc31 rgb(94,220,49)
```

Tetradic Color

#811ca5
```
#811ca5 rgb(129,28,165)
```
#9220ba
```
#9220ba rgb(146,32,186)
```
#a323d0
```
#a323d0 rgb(163,35,208)
```
#af31dc
```
#af31dc rgb(175,49,220)
```
#b747e0
```
#b747e0 rgb(183,71,224)
```
#c05de3
```
#c05de3 rgb(192,93,227)
```
#c872e7
```
#c872e7 rgb(200,114,231)
```

Monochromatic Color

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

#8431dc
```
#8431dc rgb(132,49,220)
```
#9331dc
```
#9331dc rgb(147,49,220)
```
#a131dc
```
#a131dc rgb(161,49,220)
```
#af31dc
```
#af31dc rgb(175,49,220)
```
#bd31dc
```
#bd31dc rgb(189,49,220)
```
#cc31dc
```
#cc31dc rgb(204,49,220)
```
#da31dc
```
#da31dc rgb(218,49,220)
```

Similar Colors

Text with hexadecimal color #af31dc

This text has a font color of #af31dc.

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

#af31dc background color

This paragraph has a background color of #af31dc.

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

#af31dc border color

This element has a border color of #af31dc.

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

CSS codes

.text {color:#af31dc;}

.background {background-color:#af31dc;}

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

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

#09020c
```
#09020c rgb(9,2,12)
```
#16051d
```
#16051d rgb(22,5,29)
```
#24082e
```
#24082e rgb(36,8,46)
```
#310b3e
```
#310b3e rgb(49,11,62)
```
#3e0d4f
```
#3e0d4f rgb(62,13,79)
```
#4b1060
```
#4b1060 rgb(75,16,96)
```
#581371
```
#581371 rgb(88,19,113)
```
#651681
```
#651681 rgb(101,22,129)
```
#721992
```
#721992 rgb(114,25,146)
```
#7f1ca3
```
#7f1ca3 rgb(127,28,163)
```
#8c1fb4
```
#8c1fb4 rgb(140,31,180)
```
#9921c4
```
#9921c4 rgb(153,33,196)
```
#a724d5
```
#a724d5 rgb(167,36,213)
```

Shade Color Variation

#af31dc
```
#af31dc rgb(175,49,220)
```
#b642df
```
#b642df rgb(182,66,223)
```
#bc53e2
```
#bc53e2 rgb(188,83,226)
```
#c363e5
```
#c363e5 rgb(195,99,229)
```
#c974e7
```
#c974e7 rgb(201,116,231)
```
#d085ea
```
#d085ea rgb(208,133,234)
```
#d696ed
```
#d696ed rgb(214,150,237)
```
#dda6f0
```
#dda6f0 rgb(221,166,240)
```
#e3b7f3
```
#e3b7f3 rgb(227,183,243)
```
#eac8f6
```
#eac8f6 rgb(234,200,246)
```
#f0d9f8
```
#f0d9f8 rgb(240,217,248)
```
#f7e9fb
```
#f7e9fb rgb(247,233,251)
```
#fdfafe
```
#fdfafe rgb(253,250,254)
```

Tint Color Variation

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

#878489
```
#878489 rgb(135,132,137)
```
#8c7b92
```
#8c7b92 rgb(140,123,146)
```
#90729b
```
#90729b rgb(144,114,155)
```
#9569a4
```
#9569a4 rgb(149,105,164)
```
#995fae
```
#995fae rgb(153,95,174)
```
#9d56b7
```
#9d56b7 rgb(157,86,183)
```
#a24dc0
```
#a24dc0 rgb(162,77,192)
```
#a644c9
```
#a644c9 rgb(166,68,201)
```
#ab3ad3
```
#ab3ad3 rgb(171,58,211)
```
#af31dc
```
#af31dc rgb(175,49,220)
```
#b328e5
```
#b328e5 rgb(179,40,229)
```
#b81eef
```
#b81eef rgb(184,30,239)
```
#bc15f8
```
#bc15f8 rgb(188,21,248)
```

Tone Color Variation

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

#6a6a6a Achromatopsia 0.005% of the population
#785f81 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0074e3 Protanopia 1% of men
#0c7acb Deuteranopia 1% of men
#a06970 Tritanopia 0.001% of the population

Trichromacy

#3f5ce0 Protanomaly 1% of men, 0.01% of women
#475fd1 Deuteranomaly 6% of men, 0.4% of women
#a55497 Tritanomaly 0.01% of the population

#af31dc hex color

#af31dc Color Information

#af31dc Color Conversion

Color Schemes with #af31dc

Alternatives to #af31dc

#af31dc Preview

Shades and Tints of #af31dc

Tones of #af31dc

Color Blindness Simulator