#af02ec hex color

In a RGB color space, hex #af02ec is composed of 68.6% red, 0.8% green and 92.5% blue. Whereas in a CMYK color space, it is composed of 25.8% cyan, 99.2% magenta, 0% yellow and 7.5% black. It has a hue angle of 284.4 degrees, a saturation of 98.3% and a lightness of 46.7%. #af02ec color hex could be obtained by blending #ff04ff with #5f00d9. 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

● #af02ec color description : Vivid violet.

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

Hex triplet	af02ec	`#af02ec`
RGB Decimal	175, 2, 236	`rgb(175,2,236)`
RGB Percent	68.6, 0.8, 92.5	`rgb(68.6%,0.8%,92.5%)`
CMYK	26, 99, 0, 7
HSL	284.4°, 98.3, 46.7	`hsl(284.4,98.3%,46.7%)`
HSV (or HSB)	284.4°, 99.2, 92.5
Web Safe	9900ff	`#9900ff`

CIE-LAB	45.927, 83.924, -74.12
XYZ	32.839, 15.215, 80.559
xyY	0.255, 0.118, 15.215
CIE-LCH	45.927, 111.969, 318.55
CIE-LUV	45.927, 37.879, -116.999
Hunter-Lab	39.006, 82.019, -95.147
Binary	10101111, 00000010, 11101100

#af02ec
```
#af02ec rgb(175,2,236)
```
#3fec02
```
#3fec02 rgb(63,236,2)
```

Complementary Color

#3a02ec
```
#3a02ec rgb(58,2,236)
```
#af02ec
```
#af02ec rgb(175,2,236)
```
#ec02b4
```
#ec02b4 rgb(236,2,180)
```

Analogous Color

#02ec3a
```
#02ec3a rgb(2,236,58)
```
#af02ec
```
#af02ec rgb(175,2,236)
```
#b4ec02
```
#b4ec02 rgb(180,236,2)
```

Split Complementary Color

#02ecaf
```
#02ecaf rgb(2,236,175)
```
#af02ec
```
#af02ec rgb(175,2,236)
```
#ecaf02
```
#ecaf02 rgb(236,175,2)
```

Triadic Color

#023fec
```
#023fec rgb(2,63,236)
```
#af02ec
```
#af02ec rgb(175,2,236)
```
#ecaf02
```
#ecaf02 rgb(236,175,2)
```
#3fec02
```
#3fec02 rgb(63,236,2)
```

Tetradic Color

#7701a0
```
#7701a0 rgb(119,1,160)
```
#8a02b9
```
#8a02b9 rgb(138,2,185)
```
#9c02d3
```
#9c02d3 rgb(156,2,211)
```
#af02ec
```
#af02ec rgb(175,2,236)
```
#be0bfd
```
#be0bfd rgb(190,11,253)
```
#c524fd
```
#c524fd rgb(197,36,253)
```
#cb3dfd
```
#cb3dfd rgb(203,61,253)
```

Monochromatic Color

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

#7502ec
```
#7502ec rgb(117,2,236)
```
#8802ec
```
#8802ec rgb(136,2,236)
```
#9c02ec
```
#9c02ec rgb(156,2,236)
```
#af02ec
```
#af02ec rgb(175,2,236)
```
#c302ec
```
#c302ec rgb(195,2,236)
```
#d602ec
```
#d602ec rgb(214,2,236)
```
#ea02ec
```
#ea02ec rgb(234,2,236)
```

Similar Colors

Text with hexadecimal color #af02ec

This text has a font color of #af02ec.

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

#af02ec background color

This paragraph has a background color of #af02ec.

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

#af02ec border color

This element has a border color of #af02ec.

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

CSS codes

.text {color:#af02ec;}

.background {background-color:#af02ec;}

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

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

#020003
```
#020003 rgb(2,0,3)
```
#100016
```
#100016 rgb(16,0,22)
```
#1f0029
```
#1f0029 rgb(31,0,41)
```
#2d013d
```
#2d013d rgb(45,1,61)
```
#3c0150
```
#3c0150 rgb(60,1,80)
```
#4a0164
```
#4a0164 rgb(74,1,100)
```
#580177
```
#580177 rgb(88,1,119)
```
#67018b
```
#67018b rgb(103,1,139)
```
#75019e
```
#75019e rgb(117,1,158)
```
#8402b2
```
#8402b2 rgb(132,2,178)
```
#9202c5
```
#9202c5 rgb(146,2,197)
```
#a102d9
```
#a102d9 rgb(161,2,217)
```
#af02ec
```
#af02ec rgb(175,2,236)
```

Shade Color Variation

#bc05fd
```
#bc05fd rgb(188,5,253)
```
#c118fd
```
#c118fd rgb(193,24,253)
```
#c72cfd
```
#c72cfd rgb(199,44,253)
```
#cc3ffd
```
#cc3ffd rgb(204,63,253)
```
#d153fe
```
#d153fe rgb(209,83,254)
```
#d666fe
```
#d666fe rgb(214,102,254)
```
#db79fe
```
#db79fe rgb(219,121,254)
```
#e18dfe
```
#e18dfe rgb(225,141,254)
```
#e6a0fe
```
#e6a0fe rgb(230,160,254)
```
#ebb4fe
```
#ebb4fe rgb(235,180,254)
```
#f0c7ff
```
#f0c7ff rgb(240,199,255)
```
#f5dbff
```
#f5dbff rgb(245,219,255)
```
#fbeeff
```
#fbeeff rgb(251,238,255)
```

Tint Color Variation

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

#7a707e
```
#7a707e rgb(122,112,126)
```
#7f6787
```
#7f6787 rgb(127,103,135)
```
#835e90
```
#835e90 rgb(131,94,144)
```
#88549a
```
#88549a rgb(136,84,154)
```
#8c4ba3
```
#8c4ba3 rgb(140,75,163)
```
#9042ac
```
#9042ac rgb(144,66,172)
```
#9539b5
```
#9539b5 rgb(149,57,181)
```
#9930be
```
#9930be rgb(153,48,190)
```
#9d27c7
```
#9d27c7 rgb(157,39,199)
```
#a21dd1
```
#a21dd1 rgb(162,29,209)
```
#a614da
```
#a614da rgb(166,20,218)
```
#ab0be3
```
#ab0be3 rgb(171,11,227)
```
#af02ec
```
#af02ec rgb(175,2,236)
```

Tone Color Variation

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

#505050 Achromatopsia 0.005% of the population
#63406f Atypical Achromatopsia 0.001% of the population

Dichromacy

#0071db Protanopia 1% of men
#0076c2 Deuteranopia 1% of men
#9b656c Tritanopia 0.001% of the population

Trichromacy

#3f48e1 Protanomaly 1% of men, 0.01% of women
#3f4cd1 Deuteranomaly 6% of men, 0.4% of women
#a2419a Tritanomaly 0.01% of the population

#af02ec hex color

#af02ec Color Information

#af02ec Color Conversion

Color Schemes with #af02ec

Alternatives to #af02ec

#af02ec Preview

Shades and Tints of #af02ec

Tones of #af02ec

Color Blindness Simulator