#af1ff2 hex color

In a RGB color space, hex #af1ff2 is composed of 68.6% red, 12.2% green and 94.9% blue. Whereas in a CMYK color space, it is composed of 27.7% cyan, 87.2% magenta, 0% yellow and 5.1% black. It has a hue angle of 280.9 degrees, a saturation of 89% and a lightness of 53.5%. #af1ff2 color hex could be obtained by blending #ff3eff with #5f00e5. Closest websafe color is: #9933ff.

♥
- f
- t
- g
- R 69
- G 12
- B 95
RGB color chart
- C 28
- M 87
- Y 0
- K 5
CMYK color chart

● #af1ff2 color description : Vivid violet.

The hexadecimal color #af1ff2 has RGB values of R:175, G:31, B:242 and CMYK values of C:0.28, M:0.87, Y:0, K:0.05. Its decimal value is 11476978.

Hex triplet	af1ff2	`#af1ff2`
RGB Decimal	175, 31, 242	`rgb(175,31,242)`
RGB Percent	68.6, 12.2, 94.9	`rgb(68.6%,12.2%,94.9%)`
CMYK	28, 87, 0, 5
HSL	280.9°, 89, 53.5	`hsl(280.9,89%,53.5%)`
HSV (or HSB)	280.9°, 87.2, 94.9
Web Safe	9933ff	`#9933ff`

CIE-LAB	47.631, 81.337, -74.723
XYZ	34.194, 16.506, 85.384
xyY	0.251, 0.121, 16.506
CIE-LCH	47.631, 110.45, 317.427
CIE-LUV	47.631, 34.937, -119.001
Hunter-Lab	40.627, 79.137, -96.167
Binary	10101111, 00011111, 11110010

#af1ff2
```
#af1ff2 rgb(175,31,242)
```
#62f21f
```
#62f21f rgb(98,242,31)
```

Complementary Color

#451ff2
```
#451ff2 rgb(69,31,242)
```
#af1ff2
```
#af1ff2 rgb(175,31,242)
```
#f21fcc
```
#f21fcc rgb(242,31,204)
```

Analogous Color

#1ff245
```
#1ff245 rgb(31,242,69)
```
#af1ff2
```
#af1ff2 rgb(175,31,242)
```
#ccf21f
```
#ccf21f rgb(204,242,31)
```

Split Complementary Color

#1ff2af
```
#1ff2af rgb(31,242,175)
```
#af1ff2
```
#af1ff2 rgb(175,31,242)
```
#f2af1f
```
#f2af1f rgb(242,175,31)
```

Triadic Color

#1f62f2
```
#1f62f2 rgb(31,98,242)
```
#af1ff2
```
#af1ff2 rgb(175,31,242)
```
#f2af1f
```
#f2af1f rgb(242,175,31)
```
#62f21f
```
#62f21f rgb(98,242,31)
```

Tetradic Color

#820bba
```
#820bba rgb(130,11,186)
```
#930cd2
```
#930cd2 rgb(147,12,210)
```
#a40eea
```
#a40eea rgb(164,14,234)
```
#af1ff2
```
#af1ff2 rgb(175,31,242)
```
#b837f3
```
#b837f3 rgb(184,55,243)
```
#c04ff5
```
#c04ff5 rgb(192,79,245)
```
#c967f6
```
#c967f6 rgb(201,103,246)
```

Monochromatic Color

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

#7a1ff2
```
#7a1ff2 rgb(122,31,242)
```
#8c1ff2
```
#8c1ff2 rgb(140,31,242)
```
#9d1ff2
```
#9d1ff2 rgb(157,31,242)
```
#af1ff2
```
#af1ff2 rgb(175,31,242)
```
#c11ff2
```
#c11ff2 rgb(193,31,242)
```
#d21ff2
```
#d21ff2 rgb(210,31,242)
```
#e41ff2
```
#e41ff2 rgb(228,31,242)
```

Similar Colors

Text with hexadecimal color #af1ff2

This text has a font color of #af1ff2.

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

#af1ff2 background color

This paragraph has a background color of #af1ff2.

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

#af1ff2 border color

This element has a border color of #af1ff2.

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

CSS codes

.text {color:#af1ff2;}

.background {background-color:#af1ff2;}

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

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

#0c0111
```
#0c0111 rgb(12,1,17)
```
#190224
```
#190224 rgb(25,2,36)
```
#260336
```
#260336 rgb(38,3,54)
```
#330449
```
#330449 rgb(51,4,73)
```
#40055b
```
#40055b rgb(64,5,91)
```
#4d066e
```
#4d066e rgb(77,6,110)
```
#5a0780
```
#5a0780 rgb(90,7,128)
```
#670993
```
#670993 rgb(103,9,147)
```
#740aa5
```
#740aa5 rgb(116,10,165)
```
#810bb8
```
#810bb8 rgb(129,11,184)
```
#8e0cca
```
#8e0cca rgb(142,12,202)
```
#9b0ddd
```
#9b0ddd rgb(155,13,221)
```
#a80eef
```
#a80eef rgb(168,14,239)
```

Shade Color Variation

#af1ff2
```
#af1ff2 rgb(175,31,242)
```
#b632f3
```
#b632f3 rgb(182,50,243)
```
#bc44f4
```
#bc44f4 rgb(188,68,244)
```
#c357f5
```
#c357f5 rgb(195,87,245)
```
#c969f6
```
#c969f6 rgb(201,105,246)
```
#d07cf7
```
#d07cf7 rgb(208,124,247)
```
#d78ef8
```
#d78ef8 rgb(215,142,248)
```
#dda1fa
```
#dda1fa rgb(221,161,250)
```
#e4b3fb
```
#e4b3fb rgb(228,179,251)
```
#ebc6fc
```
#ebc6fc rgb(235,198,252)
```
#f1d8fd
```
#f1d8fd rgb(241,216,253)
```
#f8ebfe
```
#f8ebfe rgb(248,235,254)
```
#fefdff
```
#fefdff rgb(254,253,255)
```

Tint Color Variation

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

#8a838e
```
#8a838e rgb(138,131,142)
```
#8e7a97
```
#8e7a97 rgb(142,122,151)
```
#9171a0
```
#9171a0 rgb(145,113,160)
```
#9468a9
```
#9468a9 rgb(148,104,169)
```
#985fb2
```
#985fb2 rgb(152,95,178)
```
#9b56bb
```
#9b56bb rgb(155,86,187)
```
#9e4dc4
```
#9e4dc4 rgb(158,77,196)
```
#a243ce
```
#a243ce rgb(162,67,206)
```
#a53ad7
```
#a53ad7 rgb(165,58,215)
```
#a831e0
```
#a831e0 rgb(168,49,224)
```
#ac28e9
```
#ac28e9 rgb(172,40,233)
```
#af1ff2
```
#af1ff2 rgb(175,31,242)
```
#b216fb
```
#b216fb rgb(178,22,251)
```

Tone Color Variation

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

#626262 Achromatopsia 0.005% of the population
#71557f Atypical Achromatopsia 0.001% of the population

Dichromacy

#0074e3 Protanopia 1% of men
#007ac9 Deuteranopia 1% of men
#9a6b73 Tritanopia 0.001% of the population

Trichromacy

#3f55e8 Protanomaly 1% of men, 0.01% of women
#3f59d8 Deuteranomaly 6% of men, 0.4% of women
#a14fa1 Tritanomaly 0.01% of the population

#af1ff2 hex color

#af1ff2 Color Information

#af1ff2 Color Conversion

Color Schemes with #af1ff2

Alternatives to #af1ff2

#af1ff2 Preview

Shades and Tints of #af1ff2

Tones of #af1ff2

Color Blindness Simulator