#af31ca hex color

In a RGB color space, hex #af31ca is composed of 68.6% red, 19.2% green and 79.2% blue. Whereas in a CMYK color space, it is composed of 13.4% cyan, 75.7% magenta, 0% yellow and 20.8% black. It has a hue angle of 289.4 degrees, a saturation of 61% and a lightness of 49.2%. #af31ca color hex could be obtained by blending #ff62ff with #5f0095. Closest websafe color is: #9933cc.

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

● #af31ca color description : Strong magenta.

The hexadecimal color #af31ca has RGB values of R:175, G:49, B:202 and CMYK values of C:0.13, M:0.76, Y:0, K:0.21. Its decimal value is 11481546.

Hex triplet	af31ca	`#af31ca`
RGB Decimal	175, 49, 202	`rgb(175,49,202)`
RGB Percent	68.6, 19.2, 79.2	`rgb(68.6%,19.2%,79.2%)`
CMYK	13, 76, 0, 21
HSL	289.4°, 61, 49.2	`hsl(289.4,61%,49.2%)`
HSV (or HSB)	289.4°, 75.7, 79.2
Web Safe	9933cc	`#9933cc`

CIE-LAB	46.414, 69.265, -53.89
XYZ	29.437, 15.576, 57.33
xyY	0.288, 0.152, 15.576
CIE-LCH	46.414, 87.76, 322.117
CIE-LUV	46.414, 43.927, -88.166
Hunter-Lab	39.467, 64.071, -58.499
Binary	10101111, 00110001, 11001010

#af31ca
```
#af31ca rgb(175,49,202)
```
#4cca31
```
#4cca31 rgb(76,202,49)
```

Complementary Color

#6231ca
```
#6231ca rgb(98,49,202)
```
#af31ca
```
#af31ca rgb(175,49,202)
```
#ca3199
```
#ca3199 rgb(202,49,153)
```

Analogous Color

#31ca62
```
#31ca62 rgb(49,202,98)
```
#af31ca
```
#af31ca rgb(175,49,202)
```
#99ca31
```
#99ca31 rgb(153,202,49)
```

Split Complementary Color

#31caaf
```
#31caaf rgb(49,202,175)
```
#af31ca
```
#af31ca rgb(175,49,202)
```
#caaf31
```
#caaf31 rgb(202,175,49)
```

Triadic Color

#314cca
```
#314cca rgb(49,76,202)
```
#af31ca
```
#af31ca rgb(175,49,202)
```
#caaf31
```
#caaf31 rgb(202,175,49)
```
#4cca31
```
#4cca31 rgb(76,202,49)
```

Tetradic Color

#7a228c
```
#7a228c rgb(122,34,140)
```
#8b27a1
```
#8b27a1 rgb(139,39,161)
```
#9d2cb5
```
#9d2cb5 rgb(157,44,181)
```
#af31ca
```
#af31ca rgb(175,49,202)
```
#b843d1
```
#b843d1 rgb(184,67,209)
```
#c058d6
```
#c058d6 rgb(192,88,214)
```
#c86cdb
```
#c86cdb rgb(200,108,219)
```

Monochromatic Color

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

#8931ca
```
#8931ca rgb(137,49,202)
```
#9631ca
```
#9631ca rgb(150,49,202)
```
#a231ca
```
#a231ca rgb(162,49,202)
```
#af31ca
```
#af31ca rgb(175,49,202)
```
#bc31ca
```
#bc31ca rgb(188,49,202)
```
#c931ca
```
#c931ca rgb(201,49,202)
```
#ca31bf
```
#ca31bf rgb(202,49,191)
```

Similar Colors

Text with hexadecimal color #af31ca

This text has a font color of #af31ca.

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

#af31ca background color

This paragraph has a background color of #af31ca.

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

#af31ca border color

This element has a border color of #af31ca.

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

CSS codes

.text {color:#af31ca;}

.background {background-color:#af31ca;}

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

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

#0b030d
```
#0b030d rgb(11,3,13)
```
#19071c
```
#19071c rgb(25,7,28)
```
#260b2c
```
#260b2c rgb(38,11,44)
```
#340f3c
```
#340f3c rgb(52,15,60)
```
#42124c
```
#42124c rgb(66,18,76)
```
#4f165b
```
#4f165b rgb(79,22,91)
```
#5d1a6b
```
#5d1a6b rgb(93,26,107)
```
#6b1e7b
```
#6b1e7b rgb(107,30,123)
```
#78228b
```
#78228b rgb(120,34,139)
```
#86269b
```
#86269b rgb(134,38,155)
```
#9429aa
```
#9429aa rgb(148,41,170)
```
#a12dba
```
#a12dba rgb(161,45,186)
```
#af31ca
```
#af31ca rgb(175,49,202)
```

Shade Color Variation

#b73ed0
```
#b73ed0 rgb(183,62,208)
```
#bc4ed4
```
#bc4ed4 rgb(188,78,212)
```
#c25ed8
```
#c25ed8 rgb(194,94,216)
```
#c86edc
```
#c86edc rgb(200,110,220)
```
#ce7de0
```
#ce7de0 rgb(206,125,224)
```
#d48de3
```
#d48de3 rgb(212,141,227)
```
#da9de7
```
#da9de7 rgb(218,157,231)
```
#e0adeb
```
#e0adeb rgb(224,173,235)
```
#e6bdef
```
#e6bdef rgb(230,189,239)
```
#ecccf3
```
#ecccf3 rgb(236,204,243)
```
#f2dcf7
```
#f2dcf7 rgb(242,220,247)
```
#f8ecfa
```
#f8ecfa rgb(248,236,250)
```
#fefcfe
```
#fefcfe rgb(254,252,254)
```

Tint Color Variation

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

#837586
```
#837586 rgb(131,117,134)
```
#8a6b90
```
#8a6b90 rgb(138,107,144)
```
#90619a
```
#90619a rgb(144,97,154)
```
#9658a3
```
#9658a3 rgb(150,88,163)
```
#9c4ead
```
#9c4ead rgb(156,78,173)
```
#a344b7
```
#a344b7 rgb(163,68,183)
```
#a93bc0
```
#a93bc0 rgb(169,59,192)
```
#af31ca
```
#af31ca rgb(175,49,202)
```
#b527d4
```
#b527d4 rgb(181,39,212)
```
#bb1edd
```
#bb1edd rgb(187,30,221)
```
#c214e7
```
#c214e7 rgb(194,20,231)
```
#c80af1
```
#c80af1 rgb(200,10,241)
```
#ce01fa
```
#ce01fa rgb(206,1,250)
```

Tone Color Variation

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

#686868 Achromatopsia 0.005% of the population
#765d7c Atypical Achromatopsia 0.001% of the population

Dichromacy

#0071de Protanopia 1% of men
#3d76bc Deuteranopia 1% of men
#a36269 Tritanopia 0.001% of the population

Trichromacy

#3f5ad7 Protanomaly 1% of men, 0.01% of women
#675dc1 Deuteranomaly 6% of men, 0.4% of women
#a7508c Tritanomaly 0.01% of the population

#af31ca hex color

#af31ca Color Information

#af31ca Color Conversion

Color Schemes with #af31ca

Alternatives to #af31ca

#af31ca Preview

Shades and Tints of #af31ca

Tones of #af31ca

Color Blindness Simulator