#af2ef1 hex color

In a RGB color space, hex #af2ef1 is composed of 68.6% red, 18% green and 94.5% blue. Whereas in a CMYK color space, it is composed of 27.4% cyan, 80.9% magenta, 0% yellow and 5.5% black. It has a hue angle of 279.7 degrees, a saturation of 87.4% and a lightness of 56.3%. #af2ef1 color hex could be obtained by blending #ff5cff with #5f00e3. Closest websafe color is: #9933ff.

♥
- f
- t
- g
- R 69
- G 18
- B 95
RGB color chart
- C 27
- M 81
- Y 0
- K 5
CMYK color chart

● #af2ef1 color description : Bright violet.

The hexadecimal color #af2ef1 has RGB values of R:175, G:46, B:241 and CMYK values of C:0.27, M:0.81, Y:0, K:0.05. Its decimal value is 11480817.

Hex triplet	af2ef1	`#af2ef1`
RGB Decimal	175, 46, 241	`rgb(175,46,241)`
RGB Percent	68.6, 18, 94.5	`rgb(68.6%,18%,94.5%)`
CMYK	27, 81, 0, 5
HSL	279.7°, 87.4, 56.3	`hsl(279.7,87.4%,56.3%)`
HSV (or HSB)	279.7°, 80.9, 94.5
Web Safe	9933ff	`#9933ff`

CIE-LAB	48.785, 77.53, -72.282
XYZ	34.531, 17.42, 84.758
xyY	0.253, 0.127, 17.42
CIE-LCH	48.785, 105.998, 317.007
CIE-LUV	48.785, 33.771, -116.273
Hunter-Lab	41.737, 74.642, -91.187
Binary	10101111, 00101110, 11110001

#af2ef1
```
#af2ef1 rgb(175,46,241)
```
#70f12e
```
#70f12e rgb(112,241,46)
```

Complementary Color

#4d2ef1
```
#4d2ef1 rgb(77,46,241)
```
#af2ef1
```
#af2ef1 rgb(175,46,241)
```
#f12ed2
```
#f12ed2 rgb(241,46,210)
```

Analogous Color

#2ef14d
```
#2ef14d rgb(46,241,77)
```
#af2ef1
```
#af2ef1 rgb(175,46,241)
```
#d2f12e
```
#d2f12e rgb(210,241,46)
```

Split Complementary Color

#2ef1af
```
#2ef1af rgb(46,241,175)
```
#af2ef1
```
#af2ef1 rgb(175,46,241)
```
#f1af2e
```
#f1af2e rgb(241,175,46)
```

Triadic Color

#2e70f1
```
#2e70f1 rgb(46,112,241)
```
#af2ef1
```
#af2ef1 rgb(175,46,241)
```
#f1af2e
```
#f1af2e rgb(241,175,46)
```
#70f12e
```
#70f12e rgb(112,241,46)
```

Tetradic Color

#870dc5
```
#870dc5 rgb(135,13,197)
```
#970fdd
```
#970fdd rgb(151,15,221)
```
#a616ef
```
#a616ef rgb(166,22,239)
```
#af2ef1
```
#af2ef1 rgb(175,46,241)
```
#b846f3
```
#b846f3 rgb(184,70,243)
```
#c15ef4
```
#c15ef4 rgb(193,94,244)
```
#ca76f6
```
#ca76f6 rgb(202,118,246)
```

Monochromatic Color

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

#7e2ef1
```
#7e2ef1 rgb(126,46,241)
```
#8f2ef1
```
#8f2ef1 rgb(143,46,241)
```
#9f2ef1
```
#9f2ef1 rgb(159,46,241)
```
#af2ef1
```
#af2ef1 rgb(175,46,241)
```
#bf2ef1
```
#bf2ef1 rgb(191,46,241)
```
#d02ef1
```
#d02ef1 rgb(208,46,241)
```
#e02ef1
```
#e02ef1 rgb(224,46,241)
```

Similar Colors

Text with hexadecimal color #af2ef1

This text has a font color of #af2ef1.

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

#af2ef1 background color

This paragraph has a background color of #af2ef1.

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

#af2ef1 border color

This element has a border color of #af2ef1.

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

CSS codes

.text {color:#af2ef1;}

.background {background-color:#af2ef1;}

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

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, #08010c is the darkest color, while #fcf8ff is the lightest one.

#08010c
```
#08010c rgb(8,1,12)
```
#15021e
```
#15021e rgb(21,2,30)
```
#210330
```
#210330 rgb(33,3,48)
```
#2e0443
```
#2e0443 rgb(46,4,67)
```
#3a0655
```
#3a0655 rgb(58,6,85)
```
#470768
```
#470768 rgb(71,7,104)
```
#53087a
```
#53087a rgb(83,8,122)
```
#60098c
```
#60098c rgb(96,9,140)
```
#6d0b9f
```
#6d0b9f rgb(109,11,159)
```
#790cb1
```
#790cb1 rgb(121,12,177)
```
#860dc3
```
#860dc3 rgb(134,13,195)
```
#920ed6
```
#920ed6 rgb(146,14,214)
```
#9f10e8
```
#9f10e8 rgb(159,16,232)
```

Shade Color Variation

#a81cf0
```
#a81cf0 rgb(168,28,240)
```
#af2ef1
```
#af2ef1 rgb(175,46,241)
```
#b640f2
```
#b640f2 rgb(182,64,242)
```
#bd53f3
```
#bd53f3 rgb(189,83,243)
```
#c465f5
```
#c465f5 rgb(196,101,245)
```
#cb78f6
```
#cb78f6 rgb(203,120,246)
```
#d28af7
```
#d28af7 rgb(210,138,247)
```
#d99cf8
```
#d99cf8 rgb(217,156,248)
```
#e0affa
```
#e0affa rgb(224,175,250)
```
#e7c1fb
```
#e7c1fb rgb(231,193,251)
```
#eed3fc
```
#eed3fc rgb(238,211,252)
```
#f5e6fd
```
#f5e6fd rgb(245,230,253)
```
#fcf8ff
```
#fcf8ff rgb(252,248,255)
```

Tint Color Variation

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

#918c93
```
#918c93 rgb(145,140,147)
```
#93849b
```
#93849b rgb(147,132,155)
```
#967ba4
```
#967ba4 rgb(150,123,164)
```
#9973ac
```
#9973ac rgb(153,115,172)
```
#9c6ab5
```
#9c6ab5 rgb(156,106,181)
```
#9e61be
```
#9e61be rgb(158,97,190)
```
#a159c6
```
#a159c6 rgb(161,89,198)
```
#a450cf
```
#a450cf rgb(164,80,207)
```
#a748d7
```
#a748d7 rgb(167,72,215)
```
#a93fe0
```
#a93fe0 rgb(169,63,224)
```
#ac37e8
```
#ac37e8 rgb(172,55,232)
```
#af2ef1
```
#af2ef1 rgb(175,46,241)
```
#b225fa
```
#b225fa rgb(178,37,250)
```

Tone Color Variation

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

#6b6b6b Achromatopsia 0.005% of the population
#795f86 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0077e8 Protanopia 1% of men
#007dce Deuteranopia 1% of men
#9a6f77 Tritanopia 0.001% of the population

Trichromacy

#3f5ceb Protanomaly 1% of men, 0.01% of women
#3f60db Deuteranomaly 6% of men, 0.4% of women
#a257a3 Tritanomaly 0.01% of the population

#af2ef1 hex color

#af2ef1 Color Information

#af2ef1 Color Conversion

Color Schemes with #af2ef1

Alternatives to #af2ef1

#af2ef1 Preview

Shades and Tints of #af2ef1

Tones of #af2ef1

Color Blindness Simulator