#af2eff hex color

In a RGB color space, hex #af2eff is composed of 68.6% red, 18% green and 100% blue. Whereas in a CMYK color space, it is composed of 31.4% cyan, 82% magenta, 0% yellow and 0% black. It has a hue angle of 277 degrees, a saturation of 100% and a lightness of 59%. #af2eff color hex could be obtained by blending #ff5cff with #5f00ff. Closest websafe color is: #9933ff.

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

● #af2eff color description : Vivid violet.

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

Hex triplet	af2eff	`#af2eff`
RGB Decimal	175, 46, 255	`rgb(175,46,255)`
RGB Percent	68.6, 18, 100	`rgb(68.6%,18%,100%)`
CMYK	31, 82, 0, 0
HSL	277°, 100, 59	`hsl(277,100%,59%)`
HSV (or HSB)	277°, 82, 100
Web Safe	9933ff	`#9933ff`

CIE-LAB	49.845, 80.292, -78.386
XYZ	36.704, 18.289, 96.199
xyY	0.243, 0.121, 18.289
CIE-LCH	49.845, 112.211, 315.688
CIE-LUV	49.845, 30.456, -125.602
Hunter-Lab	42.765, 78.359, -103.434
Binary	10101111, 00101110, 11111111

#af2eff
```
#af2eff rgb(175,46,255)
```
#7eff2e
```
#7eff2e rgb(126,255,46)
```

Complementary Color

#472eff
```
#472eff rgb(71,46,255)
```
#af2eff
```
#af2eff rgb(175,46,255)
```
#ff2ee7
```
#ff2ee7 rgb(255,46,231)
```

Analogous Color

#2eff47
```
#2eff47 rgb(46,255,71)
```
#af2eff
```
#af2eff rgb(175,46,255)
```
#e7ff2e
```
#e7ff2e rgb(231,255,46)
```

Split Complementary Color

#2effaf
```
#2effaf rgb(46,255,175)
```
#af2eff
```
#af2eff rgb(175,46,255)
```
#ffaf2e
```
#ffaf2e rgb(255,175,46)
```

Triadic Color

#2e7eff
```
#2e7eff rgb(46,126,255)
```
#af2eff
```
#af2eff rgb(175,46,255)
```
#ffaf2e
```
#ffaf2e rgb(255,175,46)
```
#7eff2e
```
#7eff2e rgb(126,255,46)
```

Tetradic Color

#8b00e1
```
#8b00e1 rgb(139,0,225)
```
#9a00fa
```
#9a00fa rgb(154,0,250)
```
#a515ff
```
#a515ff rgb(165,21,255)
```
#af2eff
```
#af2eff rgb(175,46,255)
```
#b948ff
```
#b948ff rgb(185,72,255)
```
#c361ff
```
#c361ff rgb(195,97,255)
```
#cc7bff
```
#cc7bff rgb(204,123,255)
```

Monochromatic Color

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

#7b2eff
```
#7b2eff rgb(123,46,255)
```
#8c2eff
```
#8c2eff rgb(140,46,255)
```
#9e2eff
```
#9e2eff rgb(158,46,255)
```
#af2eff
```
#af2eff rgb(175,46,255)
```
#c02eff
```
#c02eff rgb(192,46,255)
```
#d22eff
```
#d22eff rgb(210,46,255)
```
#e32eff
```
#e32eff rgb(227,46,255)
```

Similar Colors

Text with hexadecimal color #af2eff

This text has a font color of #af2eff.

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

#af2eff background color

This paragraph has a background color of #af2eff.

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

#af2eff border color

This element has a border color of #af2eff.

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

CSS codes

.text {color:#af2eff;}

.background {background-color:#af2eff;}

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

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

#040007
```
#040007 rgb(4,0,7)
```
#10001a
```
#10001a rgb(16,0,26)
```
#1c002e
```
#1c002e rgb(28,0,46)
```
#280042
```
#280042 rgb(40,0,66)
```
#350055
```
#350055 rgb(53,0,85)
```
#410069
```
#410069 rgb(65,0,105)
```
#4d007c
```
#4d007c rgb(77,0,124)
```
#590090
```
#590090 rgb(89,0,144)
```
#6500a4
```
#6500a4 rgb(101,0,164)
```
#7100b7
```
#7100b7 rgb(113,0,183)
```
#7d00cb
```
#7d00cb rgb(125,0,203)
```
#8900df
```
#8900df rgb(137,0,223)
```
#9500f2
```
#9500f2 rgb(149,0,242)
```

Shade Color Variation

#a007ff
```
#a007ff rgb(160,7,255)
```
#a71aff
```
#a71aff rgb(167,26,255)
```
#af2eff
```
#af2eff rgb(175,46,255)
```
#b742ff
```
#b742ff rgb(183,66,255)
```
#be55ff
```
#be55ff rgb(190,85,255)
```
#c669ff
```
#c669ff rgb(198,105,255)
```
#cd7cff
```
#cd7cff rgb(205,124,255)
```
#d590ff
```
#d590ff rgb(213,144,255)
```
#dca4ff
```
#dca4ff rgb(220,164,255)
```
#e4b7ff
```
#e4b7ff rgb(228,183,255)
```
#ebcbff
```
#ebcbff rgb(235,203,255)
```
#f3dfff
```
#f3dfff rgb(243,223,255)
```
#faf2ff
```
#faf2ff rgb(250,242,255)
```

Tint Color Variation

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

#988e9f
```
#988e9f rgb(152,142,159)
```
#9a86a7
```
#9a86a7 rgb(154,134,167)
```
#9c7eaf
```
#9c7eaf rgb(156,126,175)
```
#9e76b7
```
#9e76b7 rgb(158,118,183)
```
#a06ebf
```
#a06ebf rgb(160,110,191)
```
#a266c7
```
#a266c7 rgb(162,102,199)
```
#a45ecf
```
#a45ecf rgb(164,94,207)
```
#a656d7
```
#a656d7 rgb(166,86,215)
```
#a74edf
```
#a74edf rgb(167,78,223)
```
#a946e7
```
#a946e7 rgb(169,70,231)
```
#ab3eef
```
#ab3eef rgb(171,62,239)
```
#ad36f7
```
#ad36f7 rgb(173,54,247)
```
#af2eff
```
#af2eff rgb(175,46,255)
```

Tone Color Variation

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

#6c6c6c Achromatopsia 0.005% of the population
#796089 Atypical Achromatopsia 0.001% of the population

Dichromacy

#007aed Protanopia 1% of men
#0080d1 Deuteranopia 1% of men
#97747c Tritanopia 0.001% of the population

Trichromacy

#3f5ef3 Protanomaly 1% of men, 0.01% of women
#3f62e2 Deuteranomaly 6% of men, 0.4% of women
#9f5aac Tritanomaly 0.01% of the population

#af2eff hex color

#af2eff Color Information

#af2eff Color Conversion

Color Schemes with #af2eff

Alternatives to #af2eff

#af2eff Preview

Shades and Tints of #af2eff

Tones of #af2eff

Color Blindness Simulator