#af5ae4 hex color

In a RGB color space, hex #af5ae4 is composed of 68.6% red, 35.3% green and 89.4% blue. Whereas in a CMYK color space, it is composed of 23.2% cyan, 60.5% magenta, 0% yellow and 10.6% black. It has a hue angle of 277 degrees, a saturation of 71.9% and a lightness of 62.4%. #af5ae4 color hex could be obtained by blending #ffb4ff with #5f00c9. Closest websafe color is: #9966cc.

♥
- f
- t
- g
- R 69
- G 35
- B 89
RGB color chart
- C 23
- M 61
- Y 0
- K 11
CMYK color chart

● #af5ae4 color description : Soft violet.

The hexadecimal color #af5ae4 has RGB values of R:175, G:90, B:228 and CMYK values of C:0.23, M:0.61, Y:0, K:0.11. Its decimal value is 11492068.

Hex triplet	af5ae4	`#af5ae4`
RGB Decimal	175, 90, 228	`rgb(175,90,228)`
RGB Percent	68.6, 35.3, 89.4	`rgb(68.6%,35.3%,89.4%)`
CMYK	23, 61, 0, 11
HSL	277°, 71.9, 62.4	`hsl(277,71.9%,62.4%)`
HSV (or HSB)	277°, 60.5, 89.4
Web Safe	9966cc	`#9966cc`

CIE-LAB	54.057, 57.558, -56.455
XYZ	35.337, 22.029, 75.785
xyY	0.265, 0.165, 22.029
CIE-LCH	54.057, 80.623, 315.554
CIE-LUV	54.057, 28.442, -94.221
Hunter-Lab	46.935, 52.257, -62.881
Binary	10101111, 01011010, 11100100

#af5ae4
```
#af5ae4 rgb(175,90,228)
```
#8fe45a
```
#8fe45a rgb(143,228,90)
```

Complementary Color

#6a5ae4
```
#6a5ae4 rgb(106,90,228)
```
#af5ae4
```
#af5ae4 rgb(175,90,228)
```
#e45ad4
```
#e45ad4 rgb(228,90,212)
```

Analogous Color

#5ae46a
```
#5ae46a rgb(90,228,106)
```
#af5ae4
```
#af5ae4 rgb(175,90,228)
```
#d4e45a
```
#d4e45a rgb(212,228,90)
```

Split Complementary Color

#5ae4af
```
#5ae4af rgb(90,228,175)
```
#af5ae4
```
#af5ae4 rgb(175,90,228)
```
#e4af5a
```
#e4af5a rgb(228,175,90)
```

Triadic Color

#5a8fe4
```
#5a8fe4 rgb(90,143,228)
```
#af5ae4
```
#af5ae4 rgb(175,90,228)
```
#e4af5a
```
#e4af5a rgb(228,175,90)
```
#8fe45a
```
#8fe45a rgb(143,228,90)
```

Tetradic Color

#8d22d0
```
#8d22d0 rgb(141,34,208)
```
#9a2edd
```
#9a2edd rgb(154,46,221)
```
#a444e0
```
#a444e0 rgb(164,68,224)
```
#af5ae4
```
#af5ae4 rgb(175,90,228)
```
#ba70e8
```
#ba70e8 rgb(186,112,232)
```
#c486eb
```
#c486eb rgb(196,134,235)
```
#cf9cef
```
#cf9cef rgb(207,156,239)
```

Monochromatic Color

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

#8d5ae4
```
#8d5ae4 rgb(141,90,228)
```
#985ae4
```
#985ae4 rgb(152,90,228)
```
#a45ae4
```
#a45ae4 rgb(164,90,228)
```
#af5ae4
```
#af5ae4 rgb(175,90,228)
```
#bb5ae4
```
#bb5ae4 rgb(187,90,228)
```
#c65ae4
```
#c65ae4 rgb(198,90,228)
```
#d25ae4
```
#d25ae4 rgb(210,90,228)
```

Similar Colors

Text with hexadecimal color #af5ae4

This text has a font color of #af5ae4.

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

#af5ae4 background color

This paragraph has a background color of #af5ae4.

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

#af5ae4 border color

This element has a border color of #af5ae4.

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

CSS codes

.text {color:#af5ae4;}

.background {background-color:#af5ae4;}

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

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

#020104
```
#020104 rgb(2,1,4)
```
#0e0314
```
#0e0314 rgb(14,3,20)
```
#190625
```
#190625 rgb(25,6,37)
```
#250936
```
#250936 rgb(37,9,54)
```
#300c47
```
#300c47 rgb(48,12,71)
```
#3c0e58
```
#3c0e58 rgb(60,14,88)
```
#471169
```
#471169 rgb(71,17,105)
```
#53147a
```
#53147a rgb(83,20,122)
```
#5e178a
```
#5e178a rgb(94,23,138)
```
#69199b
```
#69199b rgb(105,25,155)
```
#751cac
```
#751cac rgb(117,28,172)
```
#801fbd
```
#801fbd rgb(128,31,189)
```
#8c22ce
```
#8c22ce rgb(140,34,206)
```

Shade Color Variation

#9627dc
```
#9627dc rgb(150,39,220)
```
#9f38de
```
#9f38de rgb(159,56,222)
```
#a749e1
```
#a749e1 rgb(167,73,225)
```
#af5ae4
```
#af5ae4 rgb(175,90,228)
```
#b76be7
```
#b76be7 rgb(183,107,231)
```
#bf7cea
```
#bf7cea rgb(191,124,234)
```
#c88dec
```
#c88dec rgb(200,141,236)
```
#d09def
```
#d09def rgb(208,157,239)
```
#d8aef2
```
#d8aef2 rgb(216,174,242)
```
#e0bff5
```
#e0bff5 rgb(224,191,245)
```
#e8d0f7
```
#e8d0f7 rgb(232,208,247)
```
#f0e1fa
```
#f0e1fa rgb(240,225,250)
```
#f9f2fd
```
#f9f2fd rgb(249,242,253)
```

Tint Color Variation

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

#a09ca2
```
#a09ca2 rgb(160,156,162)
```
#a195a9
```
#a195a9 rgb(161,149,169)
```
#a38eb0
```
#a38eb0 rgb(163,142,176)
```
#a586b8
```
#a586b8 rgb(165,134,184)
```
#a67fbf
```
#a67fbf rgb(166,127,191)
```
#a878c6
```
#a878c6 rgb(168,120,198)
```
#aa70ce
```
#aa70ce rgb(170,112,206)
```
#ac69d5
```
#ac69d5 rgb(172,105,213)
```
#ad61dd
```
#ad61dd rgb(173,97,221)
```
#af5ae4
```
#af5ae4 rgb(175,90,228)
```
#b153eb
```
#b153eb rgb(177,83,235)
```
#b24bf3
```
#b24bf3 rgb(178,75,243)
```
#b444fa
```
#b444fa rgb(180,68,250)
```

Tone Color Variation

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

#838383 Achromatopsia 0.005% of the population
#8c7b96 Atypical Achromatopsia 0.001% of the population

Dichromacy

#2383ff Protanopia 1% of men
#4a88d8 Deuteranopia 1% of men
#a07e87 Tritanopia 0.001% of the population

Trichromacy

#5674f5 Protanomaly 1% of men, 0.01% of women
#6e77dc Deuteranomaly 6% of men, 0.4% of women
#a671a9 Tritanomaly 0.01% of the population

#af5ae4 hex color

#af5ae4 Color Information

#af5ae4 Color Conversion

Color Schemes with #af5ae4

Alternatives to #af5ae4

#af5ae4 Preview

Shades and Tints of #af5ae4

Tones of #af5ae4

Color Blindness Simulator