#af31f9 hex color

In a RGB color space, hex #af31f9 is composed of 68.6% red, 19.2% green and 97.6% blue. Whereas in a CMYK color space, it is composed of 29.7% cyan, 80.3% magenta, 0% yellow and 2.4% black. It has a hue angle of 277.8 degrees, a saturation of 94.3% and a lightness of 58.4%. #af31f9 color hex could be obtained by blending #ff62ff with #5f00f3. Closest websafe color is: #9933ff.

♥
- f
- t
- g
- R 69
- G 19
- B 98
RGB color chart
- C 30
- M 80
- Y 0
- K 2
CMYK color chart

● #af31f9 color description : Bright violet.

The hexadecimal color #af31f9 has RGB values of R:175, G:49, B:249 and CMYK values of C:0.3, M:0.8, Y:0, K:0.02. Its decimal value is 11481593.

Hex triplet	af31f9	`#af31f9`
RGB Decimal	175, 49, 249	`rgb(175,49,249)`
RGB Percent	68.6, 19.2, 97.6	`rgb(68.6%,19.2%,97.6%)`
CMYK	30, 80, 0, 2
HSL	277.8°, 94.3, 58.4	`hsl(277.8,94.3%,58.4%)`
HSV (or HSB)	277.8°, 80.3, 97.6
Web Safe	9933ff	`#9933ff`

CIE-LAB	49.679, 78.242, -75.31
XYZ	35.874, 18.151, 91.231
xyY	0.247, 0.125, 18.151
CIE-LCH	49.679, 108.598, 316.094
CIE-LUV	49.679, 31.508, -121.137
Hunter-Lab	42.604, 75.746, -97.139
Binary	10101111, 00110001, 11111001

#af31f9
```
#af31f9 rgb(175,49,249)
```
#7bf931
```
#7bf931 rgb(123,249,49)
```

Complementary Color

#4b31f9
```
#4b31f9 rgb(75,49,249)
```
#af31f9
```
#af31f9 rgb(175,49,249)
```
#f931df
```
#f931df rgb(249,49,223)
```

Analogous Color

#31f94b
```
#31f94b rgb(49,249,75)
```
#af31f9
```
#af31f9 rgb(175,49,249)
```
#dff931
```
#dff931 rgb(223,249,49)
```

Split Complementary Color

#31f9af
```
#31f9af rgb(49,249,175)
```
#af31f9
```
#af31f9 rgb(175,49,249)
```
#f9af31
```
#f9af31 rgb(249,175,49)
```

Triadic Color

#317bf9
```
#317bf9 rgb(49,123,249)
```
#af31f9
```
#af31f9 rgb(175,49,249)
```
#f9af31
```
#f9af31 rgb(249,175,49)
```
#7bf931
```
#7bf931 rgb(123,249,49)
```

Tetradic Color

#8a06d7
```
#8a06d7 rgb(138,6,215)
```
#9a07f0
```
#9a07f0 rgb(154,7,240)
```
#a518f8
```
#a518f8 rgb(165,24,248)
```
#af31f9
```
#af31f9 rgb(175,49,249)
```
#b94afa
```
#b94afa rgb(185,74,250)
```
#c263fa
```
#c263fa rgb(194,99,250)
```
#cc7bfb
```
#cc7bfb rgb(204,123,251)
```

Monochromatic Color

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

#7d31f9
```
#7d31f9 rgb(125,49,249)
```
#8e31f9
```
#8e31f9 rgb(142,49,249)
```
#9e31f9
```
#9e31f9 rgb(158,49,249)
```
#af31f9
```
#af31f9 rgb(175,49,249)
```
#c031f9
```
#c031f9 rgb(192,49,249)
```
#d031f9
```
#d031f9 rgb(208,49,249)
```
#e131f9
```
#e131f9 rgb(225,49,249)
```

Similar Colors

Text with hexadecimal color #af31f9

This text has a font color of #af31f9.

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

#af31f9 background color

This paragraph has a background color of #af31f9.

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

#af31f9 border color

This element has a border color of #af31f9.

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

CSS codes

.text {color:#af31f9;}

.background {background-color:#af31f9;}

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

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

#020004
```
#020004 rgb(2,0,4)
```
#0f0117
```
#0f0117 rgb(15,1,23)
```
#1b012a
```
#1b012a rgb(27,1,42)
```
#27023d
```
#27023d rgb(39,2,61)
```
#330250
```
#330250 rgb(51,2,80)
```
#3f0363
```
#3f0363 rgb(63,3,99)
```
#4c0376
```
#4c0376 rgb(76,3,118)
```
#580489
```
#580489 rgb(88,4,137)
```
#64059c
```
#64059c rgb(100,5,156)
```
#7005af
```
#7005af rgb(112,5,175)
```
#7c06c2
```
#7c06c2 rgb(124,6,194)
```
#8906d5
```
#8906d5 rgb(137,6,213)
```
#9507e8
```
#9507e8 rgb(149,7,232)
```

Shade Color Variation

#a00bf8
```
#a00bf8 rgb(160,11,248)
```
#a81ef8
```
#a81ef8 rgb(168,30,248)
```
#af31f9
```
#af31f9 rgb(175,49,249)
```
#b644fa
```
#b644fa rgb(182,68,250)
```
#be57fa
```
#be57fa rgb(190,87,250)
```
#c56afb
```
#c56afb rgb(197,106,251)
```
#cd7dfb
```
#cd7dfb rgb(205,125,251)
```
#d490fc
```
#d490fc rgb(212,144,252)
```
#dba3fc
```
#dba3fc rgb(219,163,252)
```
#e3b6fd
```
#e3b6fd rgb(227,182,253)
```
#eac9fd
```
#eac9fd rgb(234,201,253)
```
#f2ddfe
```
#f2ddfe rgb(242,221,254)
```
#f9f0ff
```
#f9f0ff rgb(249,240,255)
```

Tint Color Variation

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

#969397
```
#969397 rgb(150,147,151)
```
#988b9f
```
#988b9f rgb(152,139,159)
```
#9a83a7
```
#9a83a7 rgb(154,131,167)
```
#9c7ab0
```
#9c7ab0 rgb(156,122,176)
```
#9e72b8
```
#9e72b8 rgb(158,114,184)
```
#a06ac0
```
#a06ac0 rgb(160,106,192)
```
#a262c8
```
#a262c8 rgb(162,98,200)
```
#a45ad0
```
#a45ad0 rgb(164,90,208)
```
#a752d8
```
#a752d8 rgb(167,82,216)
```
#a949e1
```
#a949e1 rgb(169,73,225)
```
#ab41e9
```
#ab41e9 rgb(171,65,233)
```
#ad39f1
```
#ad39f1 rgb(173,57,241)
```
#af31f9
```
#af31f9 rgb(175,49,249)
```

Tone Color Variation

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

#6d6d6d Achromatopsia 0.005% of the population
#7a6189 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0079ec Protanopia 1% of men
#007fd1 Deuteranopia 1% of men
#98737b Tritanopia 0.001% of the population

Trichromacy

#3f5ff1 Protanomaly 1% of men, 0.01% of women
#3f63df Deuteranomaly 6% of men, 0.4% of women
#a05ba9 Tritanomaly 0.01% of the population

#af31f9 hex color

#af31f9 Color Information

#af31f9 Color Conversion

Color Schemes with #af31f9

Alternatives to #af31f9

#af31f9 Preview

Shades and Tints of #af31f9

Tones of #af31f9

Color Blindness Simulator