#af0fff hex color

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

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

● #af0fff color description : Vivid violet.

The hexadecimal color #af0fff has RGB values of R:175, G:15, B:255 and CMYK values of C:0.31, M:0.94, Y:0, K:0. Its decimal value is 11472895.

Hex triplet	af0fff	`#af0fff`
RGB Decimal	175, 15, 255	`rgb(175,15,255)`
RGB Percent	68.6, 5.9, 100	`rgb(68.6%,5.9%,100%)`
CMYK	31, 94, 0, 0
HSL	280°, 100, 52.9	`hsl(280,100%,52.9%)`
HSV (or HSB)	280°, 94.1, 100
Web Safe	9900ff	`#9900ff`

CIE-LAB	47.85, 86.205, -81.646
XYZ	35.897, 16.677, 95.93
xyY	0.242, 0.112, 16.677
CIE-LCH	47.85, 118.732, 316.556
CIE-LUV	47.85, 32.588, -128.629
Hunter-Lab	40.837, 85.445, -110.692
Binary	10101111, 00001111, 11111111

#af0fff
```
#af0fff rgb(175,15,255)
```
#5fff0f
```
#5fff0f rgb(95,255,15)
```

Complementary Color

#370fff
```
#370fff rgb(55,15,255)
```
#af0fff
```
#af0fff rgb(175,15,255)
```
#ff0fd7
```
#ff0fd7 rgb(255,15,215)
```

Analogous Color

#0fff37
```
#0fff37 rgb(15,255,55)
```
#af0fff
```
#af0fff rgb(175,15,255)
```
#d7ff0f
```
#d7ff0f rgb(215,255,15)
```

Split Complementary Color

#0fffaf
```
#0fffaf rgb(15,255,175)
```
#af0fff
```
#af0fff rgb(175,15,255)
```
#ffaf0f
```
#ffaf0f rgb(255,175,15)
```

Triadic Color

#0f5fff
```
#0f5fff rgb(15,95,255)
```
#af0fff
```
#af0fff rgb(175,15,255)
```
#ffaf0f
```
#ffaf0f rgb(255,175,15)
```
#5fff0f
```
#5fff0f rgb(95,255,15)
```

Tetradic Color

#8100c2
```
#8100c2 rgb(129,0,194)
```
#9200db
```
#9200db rgb(146,0,219)
```
#a300f5
```
#a300f5 rgb(163,0,245)
```
#af0fff
```
#af0fff rgb(175,15,255)
```
#b829ff
```
#b829ff rgb(184,41,255)
```
#c042ff
```
#c042ff rgb(192,66,255)
```
#c95cff
```
#c95cff rgb(201,92,255)
```

Monochromatic Color

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

#730fff
```
#730fff rgb(115,15,255)
```
#870fff
```
#870fff rgb(135,15,255)
```
#9b0fff
```
#9b0fff rgb(155,15,255)
```
#af0fff
```
#af0fff rgb(175,15,255)
```
#c30fff
```
#c30fff rgb(195,15,255)
```
#d70fff
```
#d70fff rgb(215,15,255)
```
#eb0fff
```
#eb0fff rgb(235,15,255)
```

Similar Colors

Text with hexadecimal color #af0fff

This text has a font color of #af0fff.

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

#af0fff background color

This paragraph has a background color of #af0fff.

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

#af0fff border color

This element has a border color of #af0fff.

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

CSS codes

.text {color:#af0fff;}

.background {background-color:#af0fff;}

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

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

#0a000f
```
#0a000f rgb(10,0,15)
```
#170023
```
#170023 rgb(23,0,35)
```
#240036
```
#240036 rgb(36,0,54)
```
#31004a
```
#31004a rgb(49,0,74)
```
#3e005d
```
#3e005d rgb(62,0,93)
```
#4b0071
```
#4b0071 rgb(75,0,113)
```
#580085
```
#580085 rgb(88,0,133)
```
#660098
```
#660098 rgb(102,0,152)
```
#7300ac
```
#7300ac rgb(115,0,172)
```
#8000c0
```
#8000c0 rgb(128,0,192)
```
#8d00d3
```
#8d00d3 rgb(141,0,211)
```
#9a00e7
```
#9a00e7 rgb(154,0,231)
```
#a700fa
```
#a700fa rgb(167,0,250)
```

Shade Color Variation

#af0fff
```
#af0fff rgb(175,15,255)
```
#b623ff
```
#b623ff rgb(182,35,255)
```
#bc36ff
```
#bc36ff rgb(188,54,255)
```
#c34aff
```
#c34aff rgb(195,74,255)
```
#c95dff
```
#c95dff rgb(201,93,255)
```
#d071ff
```
#d071ff rgb(208,113,255)
```
#d685ff
```
#d685ff rgb(214,133,255)
```
#dd98ff
```
#dd98ff rgb(221,152,255)
```
#e3acff
```
#e3acff rgb(227,172,255)
```
#eac0ff
```
#eac0ff rgb(234,192,255)
```
#f0d3ff
```
#f0d3ff rgb(240,211,255)
```
#f7e7ff
```
#f7e7ff rgb(247,231,255)
```
#fdfaff
```
#fdfaff rgb(253,250,255)
```

Tint Color Variation

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

#8a7e90
```
#8a7e90 rgb(138,126,144)
```
#8d7599
```
#8d7599 rgb(141,117,153)
```
#906ba3
```
#906ba3 rgb(144,107,163)
```
#9362ac
```
#9362ac rgb(147,98,172)
```
#9659b5
```
#9659b5 rgb(150,89,181)
```
#9950be
```
#9950be rgb(153,80,190)
```
#9d46c8
```
#9d46c8 rgb(157,70,200)
```
#a03dd1
```
#a03dd1 rgb(160,61,209)
```
#a334da
```
#a334da rgb(163,52,218)
```
#a62be3
```
#a62be3 rgb(166,43,227)
```
#a921ed
```
#a921ed rgb(169,33,237)
```
#ac18f6
```
#ac18f6 rgb(172,24,246)
```
#af0fff
```
#af0fff rgb(175,15,255)
```

Tone Color Variation

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

#5a5a5a Achromatopsia 0.005% of the population
#6b4b7b Atypical Achromatopsia 0.001% of the population

Dichromacy

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

Trichromacy

#3f50ee Protanomaly 1% of men, 0.01% of women
#3f54dc Deuteranomaly 6% of men, 0.4% of women
#9f4ba7 Tritanomaly 0.01% of the population

#af0fff hex color

#af0fff Color Information

#af0fff Color Conversion

Color Schemes with #af0fff

Alternatives to #af0fff

#af0fff Preview

Shades and Tints of #af0fff

Tones of #af0fff

Color Blindness Simulator