#af02ed hex color

In a RGB color space, hex #af02ed is composed of 68.6% red, 0.8% green and 92.9% blue. Whereas in a CMYK color space, it is composed of 26.2% cyan, 99.2% magenta, 0% yellow and 7.1% black. It has a hue angle of 284.2 degrees, a saturation of 98.3% and a lightness of 46.9%. #af02ed color hex could be obtained by blending #ff04ff with #5f00db. Closest websafe color is: #9900ff.

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

● #af02ed color description : Vivid violet.

The hexadecimal color #af02ed has RGB values of R:175, G:2, B:237 and CMYK values of C:0.26, M:0.99, Y:0, K:0.07. Its decimal value is 11469549.

Hex triplet	af02ed	`#af02ed`
RGB Decimal	175, 2, 237	`rgb(175,2,237)`
RGB Percent	68.6, 0.8, 92.9	`rgb(68.6%,0.8%,92.9%)`
CMYK	26, 99, 0, 7
HSL	284.2°, 98.3, 46.9	`hsl(284.2,98.3%,46.9%)`
HSV (or HSB)	284.2°, 99.2, 92.9
Web Safe	9900ff	`#9900ff`

CIE-LAB	46.006, 84.102, -74.556
XYZ	32.985, 15.273, 81.327
xyY	0.255, 0.118, 15.273
CIE-LCH	46.006, 112.391, 318.443
CIE-LUV	46.006, 37.607, -117.65
Hunter-Lab	39.081, 82.267, -96.026
Binary	10101111, 00000010, 11101101

#af02ed
```
#af02ed rgb(175,2,237)
```
#40ed02
```
#40ed02 rgb(64,237,2)
```

Complementary Color

#3902ed
```
#3902ed rgb(57,2,237)
```
#af02ed
```
#af02ed rgb(175,2,237)
```
#ed02b6
```
#ed02b6 rgb(237,2,182)
```

Analogous Color

#02ed39
```
#02ed39 rgb(2,237,57)
```
#af02ed
```
#af02ed rgb(175,2,237)
```
#b6ed02
```
#b6ed02 rgb(182,237,2)
```

Split Complementary Color

#02edaf
```
#02edaf rgb(2,237,175)
```
#af02ed
```
#af02ed rgb(175,2,237)
```
#edaf02
```
#edaf02 rgb(237,175,2)
```

Triadic Color

#0240ed
```
#0240ed rgb(2,64,237)
```
#af02ed
```
#af02ed rgb(175,2,237)
```
#edaf02
```
#edaf02 rgb(237,175,2)
```
#40ed02
```
#40ed02 rgb(64,237,2)
```

Tetradic Color

#7701a1
```
#7701a1 rgb(119,1,161)
```
#8a02ba
```
#8a02ba rgb(138,2,186)
```
#9c02d4
```
#9c02d4 rgb(156,2,212)
```
#af02ed
```
#af02ed rgb(175,2,237)
```
#bd0cfd
```
#bd0cfd rgb(189,12,253)
```
#c425fd
```
#c425fd rgb(196,37,253)
```
#cb3efd
```
#cb3efd rgb(203,62,253)
```

Monochromatic Color

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

#7402ed
```
#7402ed rgb(116,2,237)
```
#8802ed
```
#8802ed rgb(136,2,237)
```
#9b02ed
```
#9b02ed rgb(155,2,237)
```
#af02ed
```
#af02ed rgb(175,2,237)
```
#c302ed
```
#c302ed rgb(195,2,237)
```
#d602ed
```
#d602ed rgb(214,2,237)
```
#ea02ed
```
#ea02ed rgb(234,2,237)
```

Similar Colors

Text with hexadecimal color #af02ed

This text has a font color of #af02ed.

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

#af02ed background color

This paragraph has a background color of #af02ed.

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

#af02ed border color

This element has a border color of #af02ed.

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

CSS codes

.text {color:#af02ed;}

.background {background-color:#af02ed;}

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

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

#030004
```
#030004 rgb(3,0,4)
```
#110017
```
#110017 rgb(17,0,23)
```
#1f002a
```
#1f002a rgb(31,0,42)
```
#2e013e
```
#2e013e rgb(46,1,62)
```
#3c0151
```
#3c0151 rgb(60,1,81)
```
#4a0165
```
#4a0165 rgb(74,1,101)
```
#590178
```
#590178 rgb(89,1,120)
```
#67018c
```
#67018c rgb(103,1,140)
```
#76019f
```
#76019f rgb(118,1,159)
```
#8402b3
```
#8402b3 rgb(132,2,179)
```
#9202c6
```
#9202c6 rgb(146,2,198)
```
#a102da
```
#a102da rgb(161,2,218)
```
#af02ed
```
#af02ed rgb(175,2,237)
```

Shade Color Variation

#bc06fd
```
#bc06fd rgb(188,6,253)
```
#c119fd
```
#c119fd rgb(193,25,253)
```
#c62dfd
```
#c62dfd rgb(198,45,253)
```
#cb40fd
```
#cb40fd rgb(203,64,253)
```
#d154fe
```
#d154fe rgb(209,84,254)
```
#d667fe
```
#d667fe rgb(214,103,254)
```
#db7afe
```
#db7afe rgb(219,122,254)
```
#e08efe
```
#e08efe rgb(224,142,254)
```
#e6a1fe
```
#e6a1fe rgb(230,161,254)
```
#ebb5fe
```
#ebb5fe rgb(235,181,254)
```
#f0c8ff
```
#f0c8ff rgb(240,200,255)
```
#f5dcff
```
#f5dcff rgb(245,220,255)
```
#fbefff
```
#fbefff rgb(251,239,255)
```

Tint Color Variation

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

#7b707f
```
#7b707f rgb(123,112,127)
```
#7f6788
```
#7f6788 rgb(127,103,136)
```
#845e91
```
#845e91 rgb(132,94,145)
```
#88559a
```
#88559a rgb(136,85,154)
```
#8c4ca3
```
#8c4ca3 rgb(140,76,163)
```
#9142ad
```
#9142ad rgb(145,66,173)
```
#9539b6
```
#9539b6 rgb(149,57,182)
```
#9930bf
```
#9930bf rgb(153,48,191)
```
#9e27c8
```
#9e27c8 rgb(158,39,200)
```
#a21ed1
```
#a21ed1 rgb(162,30,209)
```
#a614db
```
#a614db rgb(166,20,219)
```
#ab0be4
```
#ab0be4 rgb(171,11,228)
```
#af02ed
```
#af02ed rgb(175,2,237)
```

Tone Color Variation

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

#515151 Achromatopsia 0.005% of the population
#644170 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0071dc Protanopia 1% of men
#0077c2 Deuteranopia 1% of men
#9a656c Tritanopia 0.001% of the population

Trichromacy

#3f48e2 Protanomaly 1% of men, 0.01% of women
#3f4cd2 Deuteranomaly 6% of men, 0.4% of women
#a2419b Tritanomaly 0.01% of the population

#af02ed hex color

#af02ed Color Information

#af02ed Color Conversion

Color Schemes with #af02ed

Alternatives to #af02ed

#af02ed Preview

Shades and Tints of #af02ed

Tones of #af02ed

Color Blindness Simulator