#af01ff hex color

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

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

● #af01ff color description : Vivid violet.

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

Hex triplet	af01ff	`#af01ff`
RGB Decimal	175, 1, 255	`rgb(175,1,255)`
RGB Percent	68.6, 0.4, 100	`rgb(68.6%,0.4%,100%)`
CMYK	31, 100, 0, 0
HSL	281.1°, 100, 50.2	`hsl(281.1,100%,50.2%)`
HSV (or HSB)	281.1°, 99.6, 100
Web Safe	9900ff	`#9900ff`

CIE-LAB	47.439, 87.438, -82.319
XYZ	35.737, 16.357, 95.877
xyY	0.242, 0.111, 16.357
CIE-LCH	47.439, 120.091, 316.727
CIE-LUV	47.439, 33.003, -129.195
Hunter-Lab	40.443, 86.955, -112.245
Binary	10101111, 00000001, 11111111

#af01ff
```
#af01ff rgb(175,1,255)
```
#51ff01
```
#51ff01 rgb(81,255,1)
```

Complementary Color

#3001ff
```
#3001ff rgb(48,1,255)
```
#af01ff
```
#af01ff rgb(175,1,255)
```
#ff01d0
```
#ff01d0 rgb(255,1,208)
```

Analogous Color

#01ff30
```
#01ff30 rgb(1,255,48)
```
#af01ff
```
#af01ff rgb(175,1,255)
```
#d0ff01
```
#d0ff01 rgb(208,255,1)
```

Split Complementary Color

#01ffaf
```
#01ffaf rgb(1,255,175)
```
#af01ff
```
#af01ff rgb(175,1,255)
```
#ffaf01
```
#ffaf01 rgb(255,175,1)
```

Triadic Color

#0151ff
```
#0151ff rgb(1,81,255)
```
#af01ff
```
#af01ff rgb(175,1,255)
```
#ffaf01
```
#ffaf01 rgb(255,175,1)
```
#51ff01
```
#51ff01 rgb(81,255,1)
```

Tetradic Color

#7b00b4
```
#7b00b4 rgb(123,0,180)
```
#8c00cd
```
#8c00cd rgb(140,0,205)
```
#9e00e7
```
#9e00e7 rgb(158,0,231)
```
#af01ff
```
#af01ff rgb(175,1,255)
```
#b71bff
```
#b71bff rgb(183,27,255)
```
#bf34ff
```
#bf34ff rgb(191,52,255)
```
#c74eff
```
#c74eff rgb(199,78,255)
```

Monochromatic Color

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

#7001ff
```
#7001ff rgb(112,1,255)
```
#8501ff
```
#8501ff rgb(133,1,255)
```
#9a01ff
```
#9a01ff rgb(154,1,255)
```
#af01ff
```
#af01ff rgb(175,1,255)
```
#c401ff
```
#c401ff rgb(196,1,255)
```
#d901ff
```
#d901ff rgb(217,1,255)
```
#ef01ff
```
#ef01ff rgb(239,1,255)
```

Similar Colors

Text with hexadecimal color #af01ff

This text has a font color of #af01ff.

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

#af01ff background color

This paragraph has a background color of #af01ff.

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

#af01ff border color

This element has a border color of #af01ff.

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

CSS codes

.text {color:#af01ff;}

.background {background-color:#af01ff;}

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

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

#010001
```
#010001 rgb(1,0,1)
```
#0e0015
```
#0e0015 rgb(14,0,21)
```
#1c0028
```
#1c0028 rgb(28,0,40)
```
#29003c
```
#29003c rgb(41,0,60)
```
#36004f
```
#36004f rgb(54,0,79)
```
#440063
```
#440063 rgb(68,0,99)
```
#510077
```
#510077 rgb(81,0,119)
```
#5f008a
```
#5f008a rgb(95,0,138)
```
#6c009e
```
#6c009e rgb(108,0,158)
```
#7a00b2
```
#7a00b2 rgb(122,0,178)
```
#8700c5
```
#8700c5 rgb(135,0,197)
```
#9400d9
```
#9400d9 rgb(148,0,217)
```
#a200ec
```
#a200ec rgb(162,0,236)
```

Shade Color Variation

#af01ff
```
#af01ff rgb(175,1,255)
```
#b515ff
```
#b515ff rgb(181,21,255)
```
#bb28ff
```
#bb28ff rgb(187,40,255)
```
#c23cff
```
#c23cff rgb(194,60,255)
```
#c84fff
```
#c84fff rgb(200,79,255)
```
#ce63ff
```
#ce63ff rgb(206,99,255)
```
#d477ff
```
#d477ff rgb(212,119,255)
```
#da8aff
```
#da8aff rgb(218,138,255)
```
#e09eff
```
#e09eff rgb(224,158,255)
```
#e7b2ff
```
#e7b2ff rgb(231,178,255)
```
#edc5ff
```
#edc5ff rgb(237,197,255)
```
#f3d9ff
```
#f3d9ff rgb(243,217,255)
```
#f9ecff
```
#f9ecff rgb(249,236,255)
```

Tint Color Variation

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

#84768a
```
#84768a rgb(132,118,138)
```
#876c94
```
#876c94 rgb(135,108,148)
```
#8b639d
```
#8b639d rgb(139,99,157)
```
#8e59a7
```
#8e59a7 rgb(142,89,167)
```
#924fb1
```
#924fb1 rgb(146,79,177)
```
#9645bb
```
#9645bb rgb(150,69,187)
```
#993cc4
```
#993cc4 rgb(153,60,196)
```
#9d32ce
```
#9d32ce rgb(157,50,206)
```
#a128d8
```
#a128d8 rgb(161,40,216)
```
#a41ee2
```
#a41ee2 rgb(164,30,226)
```
#a815eb
```
#a815eb rgb(168,21,235)
```
#ab0bf5
```
#ab0bf5 rgb(171,11,245)
```
#af01ff
```
#af01ff rgb(175,1,255)
```

Tone Color Variation

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

#525252 Achromatopsia 0.005% of the population
#654275 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0074e2 Protanopia 1% of men
#007ac7 Deuteranopia 1% of men
#956d74 Tritanopia 0.001% of the population

Trichromacy

#3f4aec Protanomaly 1% of men, 0.01% of women
#3f4edb Deuteranomaly 6% of men, 0.4% of women
#9f45a6 Tritanomaly 0.01% of the population

#af01ff hex color

#af01ff Color Information

#af01ff Color Conversion

Color Schemes with #af01ff

Alternatives to #af01ff

#af01ff Preview

Shades and Tints of #af01ff

Tones of #af01ff

Color Blindness Simulator