#af4ae0 hex color

In a RGB color space, hex #af4ae0 is composed of 68.6% red, 29% green and 87.8% blue. Whereas in a CMYK color space, it is composed of 21.9% cyan, 67% magenta, 0% yellow and 12.2% black. It has a hue angle of 280.4 degrees, a saturation of 70.8% and a lightness of 58.4%. #af4ae0 color hex could be obtained by blending #ff94ff with #5f00c1. Closest websafe color is: #9933cc.

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

● #af4ae0 color description : Soft violet.

The hexadecimal color #af4ae0 has RGB values of R:175, G:74, B:224 and CMYK values of C:0.22, M:0.67, Y:0, K:0.12. Its decimal value is 11487968.

Hex triplet	af4ae0	`#af4ae0`
RGB Decimal	175, 74, 224	`rgb(175,74,224)`
RGB Percent	68.6, 29, 87.8	`rgb(68.6%,29%,87.8%)`
CMYK	22, 67, 0, 12
HSL	280.4°, 70.8, 58.4	`hsl(280.4,70.8%,58.4%)`
HSV (or HSB)	280.4°, 67, 87.8
Web Safe	9933cc	`#9933cc`

CIE-LAB	51.145, 64.051, -58.87
XYZ	33.581, 19.394, 72.491
xyY	0.268, 0.155, 19.394
CIE-LCH	51.145, 86.996, 317.414
CIE-LUV	51.145, 33.246, -97.255
Hunter-Lab	44.039, 59.042, -66.768
Binary	10101111, 01001010, 11100000

#af4ae0
```
#af4ae0 rgb(175,74,224)
```
#7be04a
```
#7be04a rgb(123,224,74)
```

Complementary Color

#644ae0
```
#644ae0 rgb(100,74,224)
```
#af4ae0
```
#af4ae0 rgb(175,74,224)
```
#e04ac6
```
#e04ac6 rgb(224,74,198)
```

Analogous Color

#4ae064
```
#4ae064 rgb(74,224,100)
```
#af4ae0
```
#af4ae0 rgb(175,74,224)
```
#c6e04a
```
#c6e04a rgb(198,224,74)
```

Split Complementary Color

#4ae0af
```
#4ae0af rgb(74,224,175)
```
#af4ae0
```
#af4ae0 rgb(175,74,224)
```
#e0af4a
```
#e0af4a rgb(224,175,74)
```

Triadic Color

#4a7be0
```
#4a7be0 rgb(74,123,224)
```
#af4ae0
```
#af4ae0 rgb(175,74,224)
```
#e0af4a
```
#e0af4a rgb(224,175,74)
```
#7be04a
```
#7be04a rgb(123,224,74)
```

Tetradic Color

#8a20bd
```
#8a20bd rgb(138,32,189)
```
#9a24d3
```
#9a24d3 rgb(154,36,211)
```
#a534dc
```
#a534dc rgb(165,52,220)
```
#af4ae0
```
#af4ae0 rgb(175,74,224)
```
#b960e4
```
#b960e4 rgb(185,96,228)
```
#c276e7
```
#c276e7 rgb(194,118,231)
```
#cc8beb
```
#cc8beb rgb(204,139,235)
```

Monochromatic Color

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

#8a4ae0
```
#8a4ae0 rgb(138,74,224)
```
#964ae0
```
#964ae0 rgb(150,74,224)
```
#a34ae0
```
#a34ae0 rgb(163,74,224)
```
#af4ae0
```
#af4ae0 rgb(175,74,224)
```
#bc4ae0
```
#bc4ae0 rgb(188,74,224)
```
#c84ae0
```
#c84ae0 rgb(200,74,224)
```
#d54ae0
```
#d54ae0 rgb(213,74,224)
```

Similar Colors

Text with hexadecimal color #af4ae0

This text has a font color of #af4ae0.

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

#af4ae0 background color

This paragraph has a background color of #af4ae0.

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

#af4ae0 border color

This element has a border color of #af4ae0.

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

CSS codes

.text {color:#af4ae0;}

.background {background-color:#af4ae0;}

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

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

#020103
```
#020103 rgb(2,1,3)
```
#0f0314
```
#0f0314 rgb(15,3,20)
```
#1b0625
```
#1b0625 rgb(27,6,37)
```
#270935
```
#270935 rgb(39,9,53)
```
#330c46
```
#330c46 rgb(51,12,70)
```
#3f0f57
```
#3f0f57 rgb(63,15,87)
```
#4c1268
```
#4c1268 rgb(76,18,104)
```
#581578
```
#581578 rgb(88,21,120)
```
#641789
```
#641789 rgb(100,23,137)
```
#701a9a
```
#701a9a rgb(112,26,154)
```
#7c1dab
```
#7c1dab rgb(124,29,171)
```
#8920bb
```
#8920bb rgb(137,32,187)
```
#9523cc
```
#9523cc rgb(149,35,204)
```

Shade Color Variation

#a029da
```
#a029da rgb(160,41,218)
```
#a839dd
```
#a839dd rgb(168,57,221)
```
#af4ae0
```
#af4ae0 rgb(175,74,224)
```
#b65be3
```
#b65be3 rgb(182,91,227)
```
#be6be6
```
#be6be6 rgb(190,107,230)
```
#c57ce9
```
#c57ce9 rgb(197,124,233)
```
#cd8deb
```
#cd8deb rgb(205,141,235)
```
#d49eee
```
#d49eee rgb(212,158,238)
```
#dbaef1
```
#dbaef1 rgb(219,174,241)
```
#e3bff4
```
#e3bff4 rgb(227,191,244)
```
#ead0f7
```
#ead0f7 rgb(234,208,247)
```
#f2e1fa
```
#f2e1fa rgb(242,225,250)
```
#f9f1fd
```
#f9f1fd rgb(249,241,253)
```

Tint Color Variation

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

#969397
```
#969397 rgb(150,147,151)
```
#988b9f
```
#988b9f rgb(152,139,159)
```
#9b83a7
```
#9b83a7 rgb(155,131,167)
```
#9e7baf
```
#9e7baf rgb(158,123,175)
```
#a173b7
```
#a173b7 rgb(161,115,183)
```
#a46bbf
```
#a46bbf rgb(164,107,191)
```
#a762c8
```
#a762c8 rgb(167,98,200)
```
#a95ad0
```
#a95ad0 rgb(169,90,208)
```
#ac52d8
```
#ac52d8 rgb(172,82,216)
```
#af4ae0
```
#af4ae0 rgb(175,74,224)
```
#b242e8
```
#b242e8 rgb(178,66,232)
```
#b53af0
```
#b53af0 rgb(181,58,240)
```
#b732f8
```
#b732f8 rgb(183,50,248)
```

Tone Color Variation

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

#797979 Achromatopsia 0.005% of the population
#84708e Atypical Achromatopsia 0.001% of the population

Dichromacy

#007cf4 Protanopia 1% of men
#3982d2 Deuteranopia 1% of men
#a0757d Tritanopia 0.001% of the population

Trichromacy

#3f6aed Protanomaly 1% of men, 0.01% of women
#646dd7 Deuteranomaly 6% of men, 0.4% of women
#a565a1 Tritanomaly 0.01% of the population

#af4ae0 hex color

#af4ae0 Color Information

#af4ae0 Color Conversion

Color Schemes with #af4ae0

Alternatives to #af4ae0

#af4ae0 Preview

Shades and Tints of #af4ae0

Tones of #af4ae0

Color Blindness Simulator