#af0cff hex color

In a RGB color space, hex #af0cff is composed of 68.6% red, 4.7% green and 100% blue. Whereas in a CMYK color space, it is composed of 31.4% cyan, 95.3% magenta, 0% yellow and 0% black. It has a hue angle of 280.2 degrees, a saturation of 100% and a lightness of 52.4%. #af0cff color hex could be obtained by blending #ff18ff with #5f00ff. Closest websafe color is: #9900ff.

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

● #af0cff color description : Vivid violet.

The hexadecimal color #af0cff has RGB values of R:175, G:12, B:255 and CMYK values of C:0.31, M:0.95, Y:0, K:0. Its decimal value is 11472127.

Hex triplet	af0cff	`#af0cff`
RGB Decimal	175, 12, 255	`rgb(175,12,255)`
RGB Percent	68.6, 4.7, 100	`rgb(68.6%,4.7%,100%)`
CMYK	31, 95, 0, 0
HSL	280.2°, 100, 52.4	`hsl(280.2,100%,52.4%)`
HSV (or HSB)	280.2°, 95.3, 100
Web Safe	9900ff	`#9900ff`

CIE-LAB	47.749, 86.506, -81.811
XYZ	35.858, 16.598, 95.917
xyY	0.242, 0.112, 16.598
CIE-LCH	47.749, 119.064, 316.598
CIE-LUV	47.749, 32.69, -128.769
Hunter-Lab	40.74, 85.813, -111.071
Binary	10101111, 00001100, 11111111

#af0cff
```
#af0cff rgb(175,12,255)
```
#5cff0c
```
#5cff0c rgb(92,255,12)
```

Complementary Color

#360cff
```
#360cff rgb(54,12,255)
```
#af0cff
```
#af0cff rgb(175,12,255)
```
#ff0cd6
```
#ff0cd6 rgb(255,12,214)
```

Analogous Color

#0cff36
```
#0cff36 rgb(12,255,54)
```
#af0cff
```
#af0cff rgb(175,12,255)
```
#d6ff0c
```
#d6ff0c rgb(214,255,12)
```

Split Complementary Color

#0cffaf
```
#0cffaf rgb(12,255,175)
```
#af0cff
```
#af0cff rgb(175,12,255)
```
#ffaf0c
```
#ffaf0c rgb(255,175,12)
```

Triadic Color

#0c5cff
```
#0c5cff rgb(12,92,255)
```
#af0cff
```
#af0cff rgb(175,12,255)
```
#ffaf0c
```
#ffaf0c rgb(255,175,12)
```
#5cff0c
```
#5cff0c rgb(92,255,12)
```

Tetradic Color

#8000bf
```
#8000bf rgb(128,0,191)
```
#9100d8
```
#9100d8 rgb(145,0,216)
```
#a200f2
```
#a200f2 rgb(162,0,242)
```
#af0cff
```
#af0cff rgb(175,12,255)
```
#b726ff
```
#b726ff rgb(183,38,255)
```
#c03fff
```
#c03fff rgb(192,63,255)
```
#c859ff
```
#c859ff rgb(200,89,255)
```

Monochromatic Color

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

#720cff
```
#720cff rgb(114,12,255)
```
#870cff
```
#870cff rgb(135,12,255)
```
#9b0cff
```
#9b0cff rgb(155,12,255)
```
#af0cff
```
#af0cff rgb(175,12,255)
```
#c30cff
```
#c30cff rgb(195,12,255)
```
#d80cff
```
#d80cff rgb(216,12,255)
```
#ec0cff
```
#ec0cff rgb(236,12,255)
```

Similar Colors

Text with hexadecimal color #af0cff

This text has a font color of #af0cff.

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

#af0cff background color

This paragraph has a background color of #af0cff.

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

#af0cff border color

This element has a border color of #af0cff.

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

CSS codes

.text {color:#af0cff;}

.background {background-color:#af0cff;}

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

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, #08000c is the darkest color, while #fcf7ff is the lightest one.

#08000c
```
#08000c rgb(8,0,12)
```
#150020
```
#150020 rgb(21,0,32)
```
#220033
```
#220033 rgb(34,0,51)
```
#300047
```
#300047 rgb(48,0,71)
```
#3d005a
```
#3d005a rgb(61,0,90)
```
#4a006e
```
#4a006e rgb(74,0,110)
```
#570082
```
#570082 rgb(87,0,130)
```
#640095
```
#640095 rgb(100,0,149)
```
#7100a9
```
#7100a9 rgb(113,0,169)
```
#7e00bd
```
#7e00bd rgb(126,0,189)
```
#8c00d0
```
#8c00d0 rgb(140,0,208)
```
#9900e4
```
#9900e4 rgb(153,0,228)
```
#a600f7
```
#a600f7 rgb(166,0,247)
```

Shade Color Variation

#af0cff
```
#af0cff rgb(175,12,255)
```
#b520ff
```
#b520ff rgb(181,32,255)
```
#bc33ff
```
#bc33ff rgb(188,51,255)
```
#c247ff
```
#c247ff rgb(194,71,255)
```
#c95aff
```
#c95aff rgb(201,90,255)
```
#cf6eff
```
#cf6eff rgb(207,110,255)
```
#d682ff
```
#d682ff rgb(214,130,255)
```
#dc95ff
```
#dc95ff rgb(220,149,255)
```
#e3a9ff
```
#e3a9ff rgb(227,169,255)
```
#e9bdff
```
#e9bdff rgb(233,189,255)
```
#f0d0ff
```
#f0d0ff rgb(240,208,255)
```
#f6e4ff
```
#f6e4ff rgb(246,228,255)
```
#fcf7ff
```
#fcf7ff rgb(252,247,255)
```

Tint Color Variation

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

#897c8f
```
#897c8f rgb(137,124,143)
```
#8c7398
```
#8c7398 rgb(140,115,152)
```
#8f69a2
```
#8f69a2 rgb(143,105,162)
```
#9260ab
```
#9260ab rgb(146,96,171)
```
#9557b4
```
#9557b4 rgb(149,87,180)
```
#994dbe
```
#994dbe rgb(153,77,190)
```
#9c44c7
```
#9c44c7 rgb(156,68,199)
```
#9f3bd0
```
#9f3bd0 rgb(159,59,208)
```
#a231da
```
#a231da rgb(162,49,218)
```
#a528e3
```
#a528e3 rgb(165,40,227)
```
#a91fec
```
#a91fec rgb(169,31,236)
```
#ac15f6
```
#ac15f6 rgb(172,21,246)
```
#af0cff
```
#af0cff rgb(175,12,255)
```

Tone Color Variation

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

#585858 Achromatopsia 0.005% of the population
#694979 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0075e3 Protanopia 1% of men
#007bc8 Deuteranopia 1% of men
#966e75 Tritanopia 0.001% of the population

Trichromacy

#3f4fed Protanomaly 1% of men, 0.01% of women
#3f52dc Deuteranomaly 6% of men, 0.4% of women
#9f4aa7 Tritanomaly 0.01% of the population

#af0cff hex color

#af0cff Color Information

#af0cff Color Conversion

Color Schemes with #af0cff

Alternatives to #af0cff

#af0cff Preview

Shades and Tints of #af0cff

Tones of #af0cff

Color Blindness Simulator