#af31cf hex color

In a RGB color space, hex #af31cf is composed of 68.6% red, 19.2% green and 81.2% blue. Whereas in a CMYK color space, it is composed of 15.5% cyan, 76.3% magenta, 0% yellow and 18.8% black. It has a hue angle of 287.8 degrees, a saturation of 62.2% and a lightness of 50.2%. #af31cf color hex could be obtained by blending #ff62ff with #5f009f. Closest websafe color is: #9933cc.

♥
- f
- t
- g
- R 69
- G 19
- B 81
RGB color chart
- C 15
- M 76
- Y 0
- K 19
CMYK color chart

● #af31cf color description : Strong magenta.

The hexadecimal color #af31cf has RGB values of R:175, G:49, B:207 and CMYK values of C:0.15, M:0.76, Y:0, K:0.19. Its decimal value is 11481551.

Hex triplet	af31cf	`#af31cf`
RGB Decimal	175, 49, 207	`rgb(175,49,207)`
RGB Percent	68.6, 19.2, 81.2	`rgb(68.6%,19.2%,81.2%)`
CMYK	15, 76, 0, 19
HSL	287.8°, 62.2, 50.2	`hsl(287.8,62.2%,50.2%)`
HSV (or HSB)	287.8°, 76.3, 81.2
Web Safe	9933cc	`#9933cc`

CIE-LAB	46.733, 70.176, -56.261
XYZ	30.039, 15.817, 60.499
xyY	0.282, 0.149, 15.817
CIE-LCH	46.733, 89.944, 321.281
CIE-LUV	46.733, 42.461, -91.825
Hunter-Lab	39.771, 65.223, -62.352
Binary	10101111, 00110001, 11001111

#af31cf
```
#af31cf rgb(175,49,207)
```
#51cf31
```
#51cf31 rgb(81,207,49)
```

Complementary Color

#6031cf
```
#6031cf rgb(96,49,207)
```
#af31cf
```
#af31cf rgb(175,49,207)
```
#cf31a0
```
#cf31a0 rgb(207,49,160)
```

Analogous Color

#31cf60
```
#31cf60 rgb(49,207,96)
```
#af31cf
```
#af31cf rgb(175,49,207)
```
#a0cf31
```
#a0cf31 rgb(160,207,49)
```

Split Complementary Color

#31cfaf
```
#31cfaf rgb(49,207,175)
```
#af31cf
```
#af31cf rgb(175,49,207)
```
#cfaf31
```
#cfaf31 rgb(207,175,49)
```

Triadic Color

#3151cf
```
#3151cf rgb(49,81,207)
```
#af31cf
```
#af31cf rgb(175,49,207)
```
#cfaf31
```
#cfaf31 rgb(207,175,49)
```
#51cf31
```
#51cf31 rgb(81,207,49)
```

Tetradic Color

#7b2292
```
#7b2292 rgb(123,34,146)
```
#8c27a6
```
#8c27a6 rgb(140,39,166)
```
#9e2cbb
```
#9e2cbb rgb(158,44,187)
```
#af31cf
```
#af31cf rgb(175,49,207)
```
#b746d4
```
#b746d4 rgb(183,70,212)
```
#bf5ad9
```
#bf5ad9 rgb(191,90,217)
```
#c76fdd
```
#c76fdd rgb(199,111,221)
```

Monochromatic Color

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

#8831cf
```
#8831cf rgb(136,49,207)
```
#9531cf
```
#9531cf rgb(149,49,207)
```
#a231cf
```
#a231cf rgb(162,49,207)
```
#af31cf
```
#af31cf rgb(175,49,207)
```
#bc31cf
```
#bc31cf rgb(188,49,207)
```
#c931cf
```
#c931cf rgb(201,49,207)
```
#cf31c8
```
#cf31c8 rgb(207,49,200)
```

Similar Colors

Text with hexadecimal color #af31cf

This text has a font color of #af31cf.

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

#af31cf background color

This paragraph has a background color of #af31cf.

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

#af31cf border color

This element has a border color of #af31cf.

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

CSS codes

.text {color:#af31cf;}

.background {background-color:#af31cf;}

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

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

#010001
```
#010001 rgb(1,0,1)
```
#0e0411
```
#0e0411 rgb(14,4,17)
```
#1c0821
```
#1c0821 rgb(28,8,33)
```
#290b31
```
#290b31 rgb(41,11,49)
```
#360f40
```
#360f40 rgb(54,15,64)
```
#441350
```
#441350 rgb(68,19,80)
```
#511660
```
#511660 rgb(81,22,96)
```
#5f1a70
```
#5f1a70 rgb(95,26,112)
```
#6c1e80
```
#6c1e80 rgb(108,30,128)
```
#7a2290
```
#7a2290 rgb(122,34,144)
```
#8725a0
```
#8725a0 rgb(135,37,160)
```
#9429b0
```
#9429b0 rgb(148,41,176)
```
#a22dc0
```
#a22dc0 rgb(162,45,192)
```

Shade Color Variation

#af31cf
```
#af31cf rgb(175,49,207)
```
#b541d3
```
#b541d3 rgb(181,65,211)
```
#bb51d6
```
#bb51d6 rgb(187,81,214)
```
#c261da
```
#c261da rgb(194,97,218)
```
#c871de
```
#c871de rgb(200,113,222)
```
#ce81e2
```
#ce81e2 rgb(206,129,226)
```
#d490e5
```
#d490e5 rgb(212,144,229)
```
#daa0e9
```
#daa0e9 rgb(218,160,233)
```
#e0b0ed
```
#e0b0ed rgb(224,176,237)
```
#e7c0f0
```
#e7c0f0 rgb(231,192,240)
```
#edd0f4
```
#edd0f4 rgb(237,208,244)
```
#f3e0f8
```
#f3e0f8 rgb(243,224,248)
```
#f9f0fb
```
#f9f0fb rgb(249,240,251)
```

Tint Color Variation

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

#817f81
```
#817f81 rgb(129,127,129)
```
#86758b
```
#86758b rgb(134,117,139)
```
#8c6c94
```
#8c6c94 rgb(140,108,148)
```
#92629e
```
#92629e rgb(146,98,158)
```
#9858a8
```
#9858a8 rgb(152,88,168)
```
#9e4eb2
```
#9e4eb2 rgb(158,78,178)
```
#a345bb
```
#a345bb rgb(163,69,187)
```
#a93bc5
```
#a93bc5 rgb(169,59,197)
```
#af31cf
```
#af31cf rgb(175,49,207)
```
#b527d9
```
#b527d9 rgb(181,39,217)
```
#bb1de3
```
#bb1de3 rgb(187,29,227)
```
#c014ec
```
#c014ec rgb(192,20,236)
```
#c60af6
```
#c60af6 rgb(198,10,246)
```

Tone Color Variation

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

#696969 Achromatopsia 0.005% of the population
#775e7d Atypical Achromatopsia 0.001% of the population

Dichromacy

#0072e0 Protanopia 1% of men
#3677c0 Deuteranopia 1% of men
#a2646b Tritanopia 0.001% of the population

Trichromacy

#3f5ad9 Protanomaly 1% of men, 0.01% of women
#625dc5 Deuteranomaly 6% of men, 0.4% of women
#a7518f Tritanomaly 0.01% of the population

#af31cf hex color

#af31cf Color Information

#af31cf Color Conversion

Color Schemes with #af31cf

Alternatives to #af31cf

#af31cf Preview

Shades and Tints of #af31cf

Tones of #af31cf

Color Blindness Simulator