#af31fd hex color

In a RGB color space, hex #af31fd is composed of 68.6% red, 19.2% green and 99.2% blue. Whereas in a CMYK color space, it is composed of 30.8% cyan, 80.6% magenta, 0% yellow and 0.8% black. It has a hue angle of 277.1 degrees, a saturation of 98.1% and a lightness of 59.2%. #af31fd color hex could be obtained by blending #ff62ff with #5f00fb. Closest websafe color is: #9933ff.

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

● #af31fd color description : Bright violet.

The hexadecimal color #af31fd has RGB values of R:175, G:49, B:253 and CMYK values of C:0.31, M:0.81, Y:0, K:0.01. Its decimal value is 11481597.

Hex triplet	af31fd	`#af31fd`
RGB Decimal	175, 49, 253	`rgb(175,49,253)`
RGB Percent	68.6, 19.2, 99.2	`rgb(68.6%,19.2%,99.2%)`
CMYK	31, 81, 0, 1
HSL	277.1°, 98.1, 59.2	`hsl(277.1,98.1%,59.2%)`
HSV (or HSB)	277.1°, 80.6, 99.2
Web Safe	9933ff	`#9933ff`

CIE-LAB	49.982, 79.042, -77.048
XYZ	36.505, 18.403, 94.552
xyY	0.244, 0.123, 18.403
CIE-LCH	49.982, 110.382, 315.732
CIE-LUV	49.982, 30.585, -123.801
Hunter-Lab	42.899, 76.82, -100.65
Binary	10101111, 00110001, 11111101

#af31fd
```
#af31fd rgb(175,49,253)
```
#7ffd31
```
#7ffd31 rgb(127,253,49)
```

Complementary Color

#4931fd
```
#4931fd rgb(73,49,253)
```
#af31fd
```
#af31fd rgb(175,49,253)
```
#fd31e5
```
#fd31e5 rgb(253,49,229)
```

Analogous Color

#31fd49
```
#31fd49 rgb(49,253,73)
```
#af31fd
```
#af31fd rgb(175,49,253)
```
#e5fd31
```
#e5fd31 rgb(229,253,49)
```

Split Complementary Color

#31fdaf
```
#31fdaf rgb(49,253,175)
```
#af31fd
```
#af31fd rgb(175,49,253)
```
#fdaf31
```
#fdaf31 rgb(253,175,49)
```

Triadic Color

#317ffd
```
#317ffd rgb(49,127,253)
```
#af31fd
```
#af31fd rgb(175,49,253)
```
#fdaf31
```
#fdaf31 rgb(253,175,49)
```
#7ffd31
```
#7ffd31 rgb(127,253,49)
```

Tetradic Color

#8b02df
```
#8b02df rgb(139,2,223)
```
#9a02f9
```
#9a02f9 rgb(154,2,249)
```
#a518fd
```
#a518fd rgb(165,24,253)
```
#af31fd
```
#af31fd rgb(175,49,253)
```
#b94afd
```
#b94afd rgb(185,74,253)
```
#c364fd
```
#c364fd rgb(195,100,253)
```
#cc7dfe
```
#cc7dfe rgb(204,125,254)
```

Monochromatic Color

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

#7c31fd
```
#7c31fd rgb(124,49,253)
```
#8d31fd
```
#8d31fd rgb(141,49,253)
```
#9e31fd
```
#9e31fd rgb(158,49,253)
```
#af31fd
```
#af31fd rgb(175,49,253)
```
#c031fd
```
#c031fd rgb(192,49,253)
```
#d131fd
```
#d131fd rgb(209,49,253)
```
#e231fd
```
#e231fd rgb(226,49,253)
```

Similar Colors

Text with hexadecimal color #af31fd

This text has a font color of #af31fd.

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

#af31fd background color

This paragraph has a background color of #af31fd.

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

#af31fd border color

This element has a border color of #af31fd.

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

CSS codes

.text {color:#af31fd;}

.background {background-color:#af31fd;}

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

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

#050008
```
#050008 rgb(5,0,8)
```
#11001b
```
#11001b rgb(17,0,27)
```
#1d002f
```
#1d002f rgb(29,0,47)
```
#290142
```
#290142 rgb(41,1,66)
```
#350155
```
#350155 rgb(53,1,85)
```
#410169
```
#410169 rgb(65,1,105)
```
#4d017c
```
#4d017c rgb(77,1,124)
```
#590190
```
#590190 rgb(89,1,144)
```
#6502a3
```
#6502a3 rgb(101,2,163)
```
#7102b7
```
#7102b7 rgb(113,2,183)
```
#7d02ca
```
#7d02ca rgb(125,2,202)
```
#8a02dd
```
#8a02dd rgb(138,2,221)
```
#9602f1
```
#9602f1 rgb(150,2,241)
```

Shade Color Variation

#a00afd
```
#a00afd rgb(160,10,253)
```
#a71efd
```
#a71efd rgb(167,30,253)
```
#af31fd
```
#af31fd rgb(175,49,253)
```
#b744fd
```
#b744fd rgb(183,68,253)
```
#be58fd
```
#be58fd rgb(190,88,253)
```
#c66bfe
```
#c66bfe rgb(198,107,254)
```
#cd7ffe
```
#cd7ffe rgb(205,127,254)
```
#d592fe
```
#d592fe rgb(213,146,254)
```
#dca6fe
```
#dca6fe rgb(220,166,254)
```
#e4b9fe
```
#e4b9fe rgb(228,185,254)
```
#ebccff
```
#ebccff rgb(235,204,255)
```
#f3e0ff
```
#f3e0ff rgb(243,224,255)
```
#faf3ff
```
#faf3ff rgb(250,243,255)
```

Tint Color Variation

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

#98919d
```
#98919d rgb(152,145,157)
```
#9a89a5
```
#9a89a5 rgb(154,137,165)
```
#9c81ad
```
#9c81ad rgb(156,129,173)
```
#9e79b5
```
#9e79b5 rgb(158,121,181)
```
#a071bd
```
#a071bd rgb(160,113,189)
```
#a269c5
```
#a269c5 rgb(162,105,197)
```
#a461cd
```
#a461cd rgb(164,97,205)
```
#a659d5
```
#a659d5 rgb(166,89,213)
```
#a751dd
```
#a751dd rgb(167,81,221)
```
#a949e5
```
#a949e5 rgb(169,73,229)
```
#ab41ed
```
#ab41ed rgb(171,65,237)
```
#ad39f5
```
#ad39f5 rgb(173,57,245)
```
#af31fd
```
#af31fd rgb(175,49,253)
```

Tone Color Variation

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

#6e6e6e Achromatopsia 0.005% of the population
#7b628b Atypical Achromatopsia 0.001% of the population

Dichromacy

#007aee Protanopia 1% of men
#0080d2 Deuteranopia 1% of men
#97747c Tritanopia 0.001% of the population

Trichromacy

#3f5ff3 Protanomaly 1% of men, 0.01% of women
#3f63e1 Deuteranomaly 6% of men, 0.4% of women
#a05cab Tritanomaly 0.01% of the population

#af31fd hex color

#af31fd Color Information

#af31fd Color Conversion

Color Schemes with #af31fd

Alternatives to #af31fd

#af31fd Preview

Shades and Tints of #af31fd

Tones of #af31fd

Color Blindness Simulator