#af2ae0 hex color

In a RGB color space, hex #af2ae0 is composed of 68.6% red, 16.5% green and 87.8% blue. Whereas in a CMYK color space, it is composed of 21.9% cyan, 81.3% magenta, 0% yellow and 12.2% black. It has a hue angle of 283.8 degrees, a saturation of 74.6% and a lightness of 52.2%. #af2ae0 color hex could be obtained by blending #ff54ff with #5f00c1. Closest websafe color is: #9933cc.

♥
- f
- t
- g
- R 69
- G 16
- B 88
RGB color chart
- C 22
- M 81
- Y 0
- K 12
CMYK color chart

● #af2ae0 color description : Bright violet.

The hexadecimal color #af2ae0 has RGB values of R:175, G:42, B:224 and CMYK values of C:0.22, M:0.81, Y:0, K:0.12. Its decimal value is 11479776.

Hex triplet	af2ae0	`#af2ae0`
RGB Decimal	175, 42, 224	`rgb(175,42,224)`
RGB Percent	68.6, 16.5, 87.8	`rgb(68.6%,16.5%,87.8%)`
CMYK	22, 81, 0, 12
HSL	283.8°, 74.6, 52.2	`hsl(283.8,74.6%,52.2%)`
HSV (or HSB)	283.8°, 81.3, 87.8
Web Safe	9933cc	`#9933cc`

CIE-LAB	47.175, 75.387, -65.282
XYZ	31.96, 16.153, 71.951
xyY	0.266, 0.135, 16.153
CIE-LCH	47.175, 99.724, 319.109
CIE-LUV	47.175, 38.636, -105.307
Hunter-Lab	40.191, 71.611, -78.01
Binary	10101111, 00101010, 11100000

#af2ae0
```
#af2ae0 rgb(175,42,224)
```
#5be02a
```
#5be02a rgb(91,224,42)
```

Complementary Color

#542ae0
```
#542ae0 rgb(84,42,224)
```
#af2ae0
```
#af2ae0 rgb(175,42,224)
```
#e02ab6
```
#e02ab6 rgb(224,42,182)
```

Analogous Color

#2ae054
```
#2ae054 rgb(42,224,84)
```
#af2ae0
```
#af2ae0 rgb(175,42,224)
```
#b6e02a
```
#b6e02a rgb(182,224,42)
```

Split Complementary Color

#2ae0af
```
#2ae0af rgb(42,224,175)
```
#af2ae0
```
#af2ae0 rgb(175,42,224)
```
#e0af2a
```
#e0af2a rgb(224,175,42)
```

Triadic Color

#2a5be0
```
#2a5be0 rgb(42,91,224)
```
#af2ae0
```
#af2ae0 rgb(175,42,224)
```
#e0af2a
```
#e0af2a rgb(224,175,42)
```
#5be02a
```
#5be02a rgb(91,224,42)
```

Tetradic Color

#7f18a5
```
#7f18a5 rgb(127,24,165)
```
#911bbc
```
#911bbc rgb(145,27,188)
```
#a21fd2
```
#a21fd2 rgb(162,31,210)
```
#af2ae0
```
#af2ae0 rgb(175,42,224)
```
#b740e3
```
#b740e3 rgb(183,64,227)
```
#c057e6
```
#c057e6 rgb(192,87,230)
```
#c86dea
```
#c86dea rgb(200,109,234)
```

Monochromatic Color

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

#822ae0
```
#822ae0 rgb(130,42,224)
```
#912ae0
```
#912ae0 rgb(145,42,224)
```
#a02ae0
```
#a02ae0 rgb(160,42,224)
```
#af2ae0
```
#af2ae0 rgb(175,42,224)
```
#be2ae0
```
#be2ae0 rgb(190,42,224)
```
#cd2ae0
```
#cd2ae0 rgb(205,42,224)
```
#dd2ae0
```
#dd2ae0 rgb(221,42,224)
```

Similar Colors

Text with hexadecimal color #af2ae0

This text has a font color of #af2ae0.

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

#af2ae0 background color

This paragraph has a background color of #af2ae0.

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

#af2ae0 border color

This element has a border color of #af2ae0.

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

CSS codes

.text {color:#af2ae0;}

.background {background-color:#af2ae0;}

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

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, #07010a is the darkest color, while #fcf7fe is the lightest one.

#07010a
```
#07010a rgb(7,1,10)
```
#15041b
```
#15041b rgb(21,4,27)
```
#22062c
```
#22062c rgb(34,6,44)
```
#2f093d
```
#2f093d rgb(47,9,61)
```
#3c0b4e
```
#3c0b4e rgb(60,11,78)
```
#490e5f
```
#490e5f rgb(73,14,95)
```
#561070
```
#561070 rgb(86,16,112)
```
#641381
```
#641381 rgb(100,19,129)
```
#711593
```
#711593 rgb(113,21,147)
```
#7e18a4
```
#7e18a4 rgb(126,24,164)
```
#8b1ab5
```
#8b1ab5 rgb(139,26,181)
```
#981dc6
```
#981dc6 rgb(152,29,198)
```
#a61fd7
```
#a61fd7 rgb(166,31,215)
```

Shade Color Variation

#af2ae0
```
#af2ae0 rgb(175,42,224)
```
#b53be2
```
#b53be2 rgb(181,59,226)
```
#bc4ce5
```
#bc4ce5 rgb(188,76,229)
```
#c25de7
```
#c25de7 rgb(194,93,231)
```
#c96eea
```
#c96eea rgb(201,110,234)
```
#cf80ec
```
#cf80ec rgb(207,128,236)
```
#d691ef
```
#d691ef rgb(214,145,239)
```
#dca2f1
```
#dca2f1 rgb(220,162,241)
```
#e2b3f4
```
#e2b3f4 rgb(226,179,244)
```
#e9c4f6
```
#e9c4f6 rgb(233,196,246)
```
#efd5f9
```
#efd5f9 rgb(239,213,249)
```
#f6e6fb
```
#f6e6fb rgb(246,230,251)
```
#fcf7fe
```
#fcf7fe rgb(252,247,254)
```

Tint Color Variation

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

#887e8c
```
#887e8c rgb(136,126,140)
```
#8c7595
```
#8c7595 rgb(140,117,149)
```
#916c9e
```
#916c9e rgb(145,108,158)
```
#9562a8
```
#9562a8 rgb(149,98,168)
```
#9959b1
```
#9959b1 rgb(153,89,177)
```
#9e50ba
```
#9e50ba rgb(158,80,186)
```
#a246c4
```
#a246c4 rgb(162,70,196)
```
#a63dcd
```
#a63dcd rgb(166,61,205)
```
#ab33d7
```
#ab33d7 rgb(171,51,215)
```
#af2ae0
```
#af2ae0 rgb(175,42,224)
```
#b321e9
```
#b321e9 rgb(179,33,233)
```
#b817f3
```
#b817f3 rgb(184,23,243)
```
#bc0efc
```
#bc0efc rgb(188,14,252)
```

Tone Color Variation

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

#676767 Achromatopsia 0.005% of the population
#755b7f Atypical Achromatopsia 0.001% of the population

Dichromacy

#0073e1 Protanopia 1% of men
#0079c9 Deuteranopia 1% of men
#9e686f Tritanopia 0.001% of the population

Trichromacy

#3f58e1 Protanomaly 1% of men, 0.01% of women
#3f5cd1 Deuteranomaly 6% of men, 0.4% of women
#a45198 Tritanomaly 0.01% of the population

#af2ae0 hex color

#af2ae0 Color Information

#af2ae0 Color Conversion

Color Schemes with #af2ae0

Alternatives to #af2ae0

#af2ae0 Preview

Shades and Tints of #af2ae0

Tones of #af2ae0

Color Blindness Simulator