#af0dff hex color

In a RGB color space, hex #af0dff is composed of 68.6% red, 5.1% green and 100% blue. Whereas in a CMYK color space, it is composed of 31.4% cyan, 94.9% magenta, 0% yellow and 0% black. It has a hue angle of 280.2 degrees, a saturation of 100% and a lightness of 52.5%. #af0dff color hex could be obtained by blending #ff1aff 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

● #af0dff color description : Vivid violet.

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

Hex triplet	af0dff	`#af0dff`
RGB Decimal	175, 13, 255	`rgb(175,13,255)`
RGB Percent	68.6, 5.1, 100	`rgb(68.6%,5.1%,100%)`
CMYK	31, 95, 0, 0
HSL	280.2°, 100, 52.5	`hsl(280.2,100%,52.5%)`
HSV (or HSB)	280.2°, 94.9, 100
Web Safe	9900ff	`#9900ff`

CIE-LAB	47.781, 86.411, -81.759
XYZ	35.871, 16.623, 95.921
xyY	0.242, 0.112, 16.623
CIE-LCH	47.781, 118.959, 316.585
CIE-LUV	47.781, 32.658, -128.725
Hunter-Lab	40.771, 85.696, -110.951
Binary	10101111, 00001101, 11111111

#af0dff
```
#af0dff rgb(175,13,255)
```
#5dff0d
```
#5dff0d rgb(93,255,13)
```

Complementary Color

#360dff
```
#360dff rgb(54,13,255)
```
#af0dff
```
#af0dff rgb(175,13,255)
```
#ff0dd6
```
#ff0dd6 rgb(255,13,214)
```

Analogous Color

#0dff36
```
#0dff36 rgb(13,255,54)
```
#af0dff
```
#af0dff rgb(175,13,255)
```
#d6ff0d
```
#d6ff0d rgb(214,255,13)
```

Split Complementary Color

#0dffaf
```
#0dffaf rgb(13,255,175)
```
#af0dff
```
#af0dff rgb(175,13,255)
```
#ffaf0d
```
#ffaf0d rgb(255,175,13)
```

Triadic Color

#0d5dff
```
#0d5dff rgb(13,93,255)
```
#af0dff
```
#af0dff rgb(175,13,255)
```
#ffaf0d
```
#ffaf0d rgb(255,175,13)
```
#5dff0d
```
#5dff0d rgb(93,255,13)
```

Tetradic Color

#8000c0
```
#8000c0 rgb(128,0,192)
```
#9100d9
```
#9100d9 rgb(145,0,217)
```
#a200f3
```
#a200f3 rgb(162,0,243)
```
#af0dff
```
#af0dff rgb(175,13,255)
```
#b727ff
```
#b727ff rgb(183,39,255)
```
#c040ff
```
#c040ff rgb(192,64,255)
```
#c85aff
```
#c85aff rgb(200,90,255)
```

Monochromatic Color

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

#730dff
```
#730dff rgb(115,13,255)
```
#870dff
```
#870dff rgb(135,13,255)
```
#9b0dff
```
#9b0dff rgb(155,13,255)
```
#af0dff
```
#af0dff rgb(175,13,255)
```
#c30dff
```
#c30dff rgb(195,13,255)
```
#d70dff
```
#d70dff rgb(215,13,255)
```
#ec0dff
```
#ec0dff rgb(236,13,255)
```

Similar Colors

Text with hexadecimal color #af0dff

This text has a font color of #af0dff.

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

#af0dff background color

This paragraph has a background color of #af0dff.

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

#af0dff border color

This element has a border color of #af0dff.

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

CSS codes

.text {color:#af0dff;}

.background {background-color:#af0dff;}

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

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, #09000d is the darkest color, while #fdf8ff is the lightest one.

#09000d
```
#09000d rgb(9,0,13)
```
#160021
```
#160021 rgb(22,0,33)
```
#230034
```
#230034 rgb(35,0,52)
```
#300048
```
#300048 rgb(48,0,72)
```
#3d005b
```
#3d005b rgb(61,0,91)
```
#4a006f
```
#4a006f rgb(74,0,111)
```
#570083
```
#570083 rgb(87,0,131)
```
#650096
```
#650096 rgb(101,0,150)
```
#7200aa
```
#7200aa rgb(114,0,170)
```
#7f00be
```
#7f00be rgb(127,0,190)
```
#8c00d1
```
#8c00d1 rgb(140,0,209)
```
#9900e5
```
#9900e5 rgb(153,0,229)
```
#a600f8
```
#a600f8 rgb(166,0,248)
```

Shade Color Variation

#af0dff
```
#af0dff rgb(175,13,255)
```
#b521ff
```
#b521ff rgb(181,33,255)
```
#bc34ff
```
#bc34ff rgb(188,52,255)
```
#c248ff
```
#c248ff rgb(194,72,255)
```
#c95bff
```
#c95bff rgb(201,91,255)
```
#cf6fff
```
#cf6fff rgb(207,111,255)
```
#d683ff
```
#d683ff rgb(214,131,255)
```
#dc96ff
```
#dc96ff rgb(220,150,255)
```
#e3aaff
```
#e3aaff rgb(227,170,255)
```
#e9beff
```
#e9beff rgb(233,190,255)
```
#f0d1ff
```
#f0d1ff rgb(240,209,255)
```
#f6e5ff
```
#f6e5ff rgb(246,229,255)
```
#fdf8ff
```
#fdf8ff rgb(253,248,255)
```

Tint Color Variation

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

#897d8f
```
#897d8f rgb(137,125,143)
```
#8c7399
```
#8c7399 rgb(140,115,153)
```
#8f6aa2
```
#8f6aa2 rgb(143,106,162)
```
#9361ab
```
#9361ab rgb(147,97,171)
```
#9657b5
```
#9657b5 rgb(150,87,181)
```
#994ebe
```
#994ebe rgb(153,78,190)
```
#9c45c7
```
#9c45c7 rgb(156,69,199)
```
#9f3cd0
```
#9f3cd0 rgb(159,60,208)
```
#a232da
```
#a232da rgb(162,50,218)
```
#a629e3
```
#a629e3 rgb(166,41,227)
```
#a920ec
```
#a920ec rgb(169,32,236)
```
#ac16f6
```
#ac16f6 rgb(172,22,246)
```
#af0dff
```
#af0dff rgb(175,13,255)
```

Tone Color Variation

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

#595959 Achromatopsia 0.005% of the population
#6a4a7a 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
#3f53dc Deuteranomaly 6% of men, 0.4% of women
#9f4aa7 Tritanomaly 0.01% of the population

#af0dff hex color

#af0dff Color Information

#af0dff Color Conversion

Color Schemes with #af0dff

Alternatives to #af0dff

#af0dff Preview

Shades and Tints of #af0dff

Tones of #af0dff

Color Blindness Simulator