#af02ff hex color

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

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

● #af02ff color description : Vivid violet.

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

Hex triplet	af02ff	`#af02ff`
RGB Decimal	175, 2, 255	`rgb(175,2,255)`
RGB Percent	68.6, 0.8, 100	`rgb(68.6%,0.8%,100%)`
CMYK	31, 99, 0, 0
HSL	281°, 100, 50.4	`hsl(281,100%,50.4%)`
HSV (or HSB)	281°, 99.2, 100
Web Safe	9900ff	`#9900ff`

CIE-LAB	47.467, 87.354, -82.273
XYZ	35.748, 16.378, 95.88
xyY	0.242, 0.111, 16.378
CIE-LCH	47.467, 119.998, 316.716
CIE-LUV	47.467, 32.975, -129.157
Hunter-Lab	40.47, 86.851, -112.139
Binary	10101111, 00000010, 11111111

#af02ff
```
#af02ff rgb(175,2,255)
```
#52ff02
```
#52ff02 rgb(82,255,2)
```

Complementary Color

#3002ff
```
#3002ff rgb(48,2,255)
```
#af02ff
```
#af02ff rgb(175,2,255)
```
#ff02d1
```
#ff02d1 rgb(255,2,209)
```

Analogous Color

#02ff30
```
#02ff30 rgb(2,255,48)
```
#af02ff
```
#af02ff rgb(175,2,255)
```
#d1ff02
```
#d1ff02 rgb(209,255,2)
```

Split Complementary Color

#02ffaf
```
#02ffaf rgb(2,255,175)
```
#af02ff
```
#af02ff rgb(175,2,255)
```
#ffaf02
```
#ffaf02 rgb(255,175,2)
```

Triadic Color

#0252ff
```
#0252ff rgb(2,82,255)
```
#af02ff
```
#af02ff rgb(175,2,255)
```
#ffaf02
```
#ffaf02 rgb(255,175,2)
```
#52ff02
```
#52ff02 rgb(82,255,2)
```

Tetradic Color

#7b00b5
```
#7b00b5 rgb(123,0,181)
```
#8d00ce
```
#8d00ce rgb(141,0,206)
```
#9e00e8
```
#9e00e8 rgb(158,0,232)
```
#af02ff
```
#af02ff rgb(175,2,255)
```
#b71cff
```
#b71cff rgb(183,28,255)
```
#bf35ff
```
#bf35ff rgb(191,53,255)
```
#c74fff
```
#c74fff rgb(199,79,255)
```

Monochromatic Color

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

#7002ff
```
#7002ff rgb(112,2,255)
```
#8502ff
```
#8502ff rgb(133,2,255)
```
#9a02ff
```
#9a02ff rgb(154,2,255)
```
#af02ff
```
#af02ff rgb(175,2,255)
```
#c402ff
```
#c402ff rgb(196,2,255)
```
#d902ff
```
#d902ff rgb(217,2,255)
```
#ee02ff
```
#ee02ff rgb(238,2,255)
```

Similar Colors

Text with hexadecimal color #af02ff

This text has a font color of #af02ff.

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

#af02ff background color

This paragraph has a background color of #af02ff.

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

#af02ff border color

This element has a border color of #af02ff.

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

CSS codes

.text {color:#af02ff;}

.background {background-color:#af02ff;}

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

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

#010002
```
#010002 rgb(1,0,2)
```
#0f0016
```
#0f0016 rgb(15,0,22)
```
#1c0029
```
#1c0029 rgb(28,0,41)
```
#2a003d
```
#2a003d rgb(42,0,61)
```
#370050
```
#370050 rgb(55,0,80)
```
#440064
```
#440064 rgb(68,0,100)
```
#520078
```
#520078 rgb(82,0,120)
```
#5f008b
```
#5f008b rgb(95,0,139)
```
#6d009f
```
#6d009f rgb(109,0,159)
```
#7a00b3
```
#7a00b3 rgb(122,0,179)
```
#8700c6
```
#8700c6 rgb(135,0,198)
```
#9500da
```
#9500da rgb(149,0,218)
```
#a200ed
```
#a200ed rgb(162,0,237)
```

Shade Color Variation

#af02ff
```
#af02ff rgb(175,2,255)
```
#b516ff
```
#b516ff rgb(181,22,255)
```
#bb29ff
```
#bb29ff rgb(187,41,255)
```
#c23dff
```
#c23dff rgb(194,61,255)
```
#c850ff
```
#c850ff rgb(200,80,255)
```
#ce64ff
```
#ce64ff rgb(206,100,255)
```
#d478ff
```
#d478ff rgb(212,120,255)
```
#da8bff
```
#da8bff rgb(218,139,255)
```
#e19fff
```
#e19fff rgb(225,159,255)
```
#e7b3ff
```
#e7b3ff rgb(231,179,255)
```
#edc6ff
```
#edc6ff rgb(237,198,255)
```
#f3daff
```
#f3daff rgb(243,218,255)
```
#f9edff
```
#f9edff rgb(249,237,255)
```

Tint Color Variation

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

#84778a
```
#84778a rgb(132,119,138)
```
#886d94
```
#886d94 rgb(136,109,148)
```
#8b639e
```
#8b639e rgb(139,99,158)
```
#8f5aa7
```
#8f5aa7 rgb(143,90,167)
```
#9250b1
```
#9250b1 rgb(146,80,177)
```
#9646bb
```
#9646bb rgb(150,70,187)
```
#9a3cc5
```
#9a3cc5 rgb(154,60,197)
```
#9d33ce
```
#9d33ce rgb(157,51,206)
```
#a129d8
```
#a129d8 rgb(161,41,216)
```
#a41fe2
```
#a41fe2 rgb(164,31,226)
```
#a815ec
```
#a815ec rgb(168,21,236)
```
#ab0cf5
```
#ab0cf5 rgb(171,12,245)
```
#af02ff
```
#af02ff rgb(175,2,255)
```

Tone Color Variation

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

#535353 Achromatopsia 0.005% of the population
#654375 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
#9f46a6 Tritanomaly 0.01% of the population

#af02ff hex color

#af02ff Color Information

#af02ff Color Conversion

Color Schemes with #af02ff

Alternatives to #af02ff

#af02ff Preview

Shades and Tints of #af02ff

Tones of #af02ff

Color Blindness Simulator