#af1ff8 hex color

In a RGB color space, hex #af1ff8 is composed of 68.6% red, 12.2% green and 97.3% blue. Whereas in a CMYK color space, it is composed of 29.4% cyan, 87.5% magenta, 0% yellow and 2.7% black. It has a hue angle of 279.8 degrees, a saturation of 93.9% and a lightness of 54.7%. #af1ff8 color hex could be obtained by blending #ff3eff with #5f00f1. Closest websafe color is: #9933ff.

♥
- f
- t
- g
- R 69
- G 12
- B 97
RGB color chart
- C 29
- M 88
- Y 0
- K 3
CMYK color chart

● #af1ff8 color description : Vivid violet.

The hexadecimal color #af1ff8 has RGB values of R:175, G:31, B:248 and CMYK values of C:0.29, M:0.88, Y:0, K:0.03. Its decimal value is 11476984.

Hex triplet	af1ff8	`#af1ff8`
RGB Decimal	175, 31, 248	`rgb(175,31,248)`
RGB Percent	68.6, 12.2, 97.3	`rgb(68.6%,12.2%,97.3%)`
CMYK	29, 88, 0, 3
HSL	279.8°, 93.9, 54.7	`hsl(279.8,93.9%,54.7%)`
HSV (or HSB)	279.8°, 87.5, 97.3
Web Safe	9933ff	`#9933ff`

CIE-LAB	48.099, 82.47, -77.327
XYZ	35.11, 16.872, 90.209
xyY	0.247, 0.119, 16.872
CIE-LCH	48.099, 113.052, 316.843
CIE-LUV	48.099, 33.438, -122.932
Hunter-Lab	41.076, 80.692, -101.457
Binary	10101111, 00011111, 11111000

#af1ff8
```
#af1ff8 rgb(175,31,248)
```
#68f81f
```
#68f81f rgb(104,248,31)
```

Complementary Color

#421ff8
```
#421ff8 rgb(66,31,248)
```
#af1ff8
```
#af1ff8 rgb(175,31,248)
```
#f81fd5
```
#f81fd5 rgb(248,31,213)
```

Analogous Color

#1ff842
```
#1ff842 rgb(31,248,66)
```
#af1ff8
```
#af1ff8 rgb(175,31,248)
```
#d5f81f
```
#d5f81f rgb(213,248,31)
```

Split Complementary Color

#1ff8af
```
#1ff8af rgb(31,248,175)
```
#af1ff8
```
#af1ff8 rgb(175,31,248)
```
#f8af1f
```
#f8af1f rgb(248,175,31)
```

Triadic Color

#1f68f8
```
#1f68f8 rgb(31,104,248)
```
#af1ff8
```
#af1ff8 rgb(175,31,248)
```
#f8af1f
```
#f8af1f rgb(248,175,31)
```
#68f81f
```
#68f81f rgb(104,248,31)
```

Tetradic Color

#8406c4
```
#8406c4 rgb(132,6,196)
```
#9507dd
```
#9507dd rgb(149,7,221)
```
#a608f6
```
#a608f6 rgb(166,8,246)
```
#af1ff8
```
#af1ff8 rgb(175,31,248)
```
#b838f9
```
#b838f9 rgb(184,56,249)
```
#c150fa
```
#c150fa rgb(193,80,250)
```
#c969fa
```
#c969fa rgb(201,105,250)
```

Monochromatic Color

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

#791ff8
```
#791ff8 rgb(121,31,248)
```
#8b1ff8
```
#8b1ff8 rgb(139,31,248)
```
#9d1ff8
```
#9d1ff8 rgb(157,31,248)
```
#af1ff8
```
#af1ff8 rgb(175,31,248)
```
#c11ff8
```
#c11ff8 rgb(193,31,248)
```
#d31ff8
```
#d31ff8 rgb(211,31,248)
```
#e51ff8
```
#e51ff8 rgb(229,31,248)
```

Similar Colors

Text with hexadecimal color #af1ff8

This text has a font color of #af1ff8.

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

#af1ff8 background color

This paragraph has a background color of #af1ff8.

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

#af1ff8 border color

This element has a border color of #af1ff8.

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

CSS codes

.text {color:#af1ff8;}

.background {background-color:#af1ff8;}

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

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

#030004
```
#030004 rgb(3,0,4)
```
#100117
```
#100117 rgb(16,1,23)
```
#1d012a
```
#1d012a rgb(29,1,42)
```
#29023d
```
#29023d rgb(41,2,61)
```
#360350
```
#360350 rgb(54,3,80)
```
#430363
```
#430363 rgb(67,3,99)
```
#500476
```
#500476 rgb(80,4,118)
```
#5d0489
```
#5d0489 rgb(93,4,137)
```
#69059c
```
#69059c rgb(105,5,156)
```
#7605af
```
#7605af rgb(118,5,175)
```
#8306c2
```
#8306c2 rgb(131,6,194)
```
#9007d5
```
#9007d5 rgb(144,7,213)
```
#9d07e9
```
#9d07e9 rgb(157,7,233)
```

Shade Color Variation

#a80cf7
```
#a80cf7 rgb(168,12,247)
```
#af1ff8
```
#af1ff8 rgb(175,31,248)
```
#b632f9
```
#b632f9 rgb(182,50,249)
```
#bd45f9
```
#bd45f9 rgb(189,69,249)
```
#c358fa
```
#c358fa rgb(195,88,250)
```
#ca6bfa
```
#ca6bfa rgb(202,107,250)
```
#d17efb
```
#d17efb rgb(209,126,251)
```
#d891fc
```
#d891fc rgb(216,145,252)
```
#dfa4fc
```
#dfa4fc rgb(223,164,252)
```
#e5b7fd
```
#e5b7fd rgb(229,183,253)
```
#eccafd
```
#eccafd rgb(236,202,253)
```
#f3ddfe
```
#f3ddfe rgb(243,221,254)
```
#faf0ff
```
#faf0ff rgb(250,240,255)
```

Tint Color Variation

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

#8c8a8d
```
#8c8a8d rgb(140,138,141)
```
#8f8196
```
#8f8196 rgb(143,129,150)
```
#92789f
```
#92789f rgb(146,120,159)
```
#956fa8
```
#956fa8 rgb(149,111,168)
```
#9866b1
```
#9866b1 rgb(152,102,177)
```
#9b5dba
```
#9b5dba rgb(155,93,186)
```
#9e54c3
```
#9e54c3 rgb(158,84,195)
```
#a04bcc
```
#a04bcc rgb(160,75,204)
```
#a343d4
```
#a343d4 rgb(163,67,212)
```
#a63add
```
#a63add rgb(166,58,221)
```
#a931e6
```
#a931e6 rgb(169,49,230)
```
#ac28ef
```
#ac28ef rgb(172,40,239)
```
#af1ff8
```
#af1ff8 rgb(175,31,248)
```

Tone Color Variation

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

#636363 Achromatopsia 0.005% of the population
#725581 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0076e5 Protanopia 1% of men
#007cca Deuteranopia 1% of men
#986e75 Tritanopia 0.001% of the population

Trichromacy

#3f56ec Protanomaly 1% of men, 0.01% of women
#3f5adb Deuteranomaly 6% of men, 0.4% of women
#a051a5 Tritanomaly 0.01% of the population

#af1ff8 hex color

#af1ff8 Color Information

#af1ff8 Color Conversion

Color Schemes with #af1ff8

Alternatives to #af1ff8

#af1ff8 Preview

Shades and Tints of #af1ff8

Tones of #af1ff8

Color Blindness Simulator