#af55e4 hex color

In a RGB color space, hex #af55e4 is composed of 68.6% red, 33.3% green and 89.4% blue. Whereas in a CMYK color space, it is composed of 23.2% cyan, 62.7% magenta, 0% yellow and 10.6% black. It has a hue angle of 277.8 degrees, a saturation of 72.6% and a lightness of 61.4%. #af55e4 color hex could be obtained by blending #ffaaff with #5f00c9. Closest websafe color is: #9966cc.

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

● #af55e4 color description : Soft violet.

The hexadecimal color #af55e4 has RGB values of R:175, G:85, B:228 and CMYK values of C:0.23, M:0.63, Y:0, K:0.11. Its decimal value is 11490788.

Hex triplet	af55e4	`#af55e4`
RGB Decimal	175, 85, 228	`rgb(175,85,228)`
RGB Percent	68.6, 33.3, 89.4	`rgb(68.6%,33.3%,89.4%)`
CMYK	23, 63, 0, 11
HSL	277.8°, 72.6, 61.4	`hsl(277.8,72.6%,61.4%)`
HSV (or HSB)	277.8°, 62.7, 89.4
Web Safe	9966cc	`#9966cc`

CIE-LAB	53.182, 59.942, -57.858
XYZ	34.929, 21.213, 75.649
xyY	0.265, 0.161, 21.213
CIE-LCH	53.182, 83.31, 316.013
CIE-LUV	53.182, 29.743, -96.244
Hunter-Lab	46.058, 54.769, -65.142
Binary	10101111, 01010101, 11100100

#af55e4
```
#af55e4 rgb(175,85,228)
```
#8ae455
```
#8ae455 rgb(138,228,85)
```

Complementary Color

#6855e4
```
#6855e4 rgb(104,85,228)
```
#af55e4
```
#af55e4 rgb(175,85,228)
```
#e455d2
```
#e455d2 rgb(228,85,210)
```

Analogous Color

#55e468
```
#55e468 rgb(85,228,104)
```
#af55e4
```
#af55e4 rgb(175,85,228)
```
#d2e455
```
#d2e455 rgb(210,228,85)
```

Split Complementary Color

#55e4af
```
#55e4af rgb(85,228,175)
```
#af55e4
```
#af55e4 rgb(175,85,228)
```
#e4af55
```
#e4af55 rgb(228,175,85)
```

Triadic Color

#558ae4
```
#558ae4 rgb(85,138,228)
```
#af55e4
```
#af55e4 rgb(175,85,228)
```
#e4af55
```
#e4af55 rgb(228,175,85)
```
#8ae455
```
#8ae455 rgb(138,228,85)
```

Tetradic Color

#8c20cc
```
#8c20cc rgb(140,32,204)
```
#9a29dd
```
#9a29dd rgb(154,41,221)
```
#a53fe1
```
#a53fe1 rgb(165,63,225)
```
#af55e4
```
#af55e4 rgb(175,85,228)
```
#b96be7
```
#b96be7 rgb(185,107,231)
```
#c481eb
```
#c481eb rgb(196,129,235)
```
#ce97ee
```
#ce97ee rgb(206,151,238)
```

Monochromatic Color

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

#8b55e4
```
#8b55e4 rgb(139,85,228)
```
#9755e4
```
#9755e4 rgb(151,85,228)
```
#a355e4
```
#a355e4 rgb(163,85,228)
```
#af55e4
```
#af55e4 rgb(175,85,228)
```
#bb55e4
```
#bb55e4 rgb(187,85,228)
```
#c755e4
```
#c755e4 rgb(199,85,228)
```
#d355e4
```
#d355e4 rgb(211,85,228)
```

Similar Colors

Text with hexadecimal color #af55e4

This text has a font color of #af55e4.

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

#af55e4 background color

This paragraph has a background color of #af55e4.

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

#af55e4 border color

This element has a border color of #af55e4.

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

CSS codes

.text {color:#af55e4;}

.background {background-color:#af55e4;}

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

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, #0b0310 is the darkest color, while #fffeff is the lightest one.

#0b0310
```
#0b0310 rgb(11,3,16)
```
#170521
```
#170521 rgb(23,5,33)
```
#220832
```
#220832 rgb(34,8,50)
```
#2e0b43
```
#2e0b43 rgb(46,11,67)
```
#3a0d54
```
#3a0d54 rgb(58,13,84)
```
#451065
```
#451065 rgb(69,16,101)
```
#511376
```
#511376 rgb(81,19,118)
```
#5d1587
```
#5d1587 rgb(93,21,135)
```
#681898
```
#681898 rgb(104,24,152)
```
#741ba9
```
#741ba9 rgb(116,27,169)
```
#801db9
```
#801db9 rgb(128,29,185)
```
#8b20ca
```
#8b20ca rgb(139,32,202)
```
#9723db
```
#9723db rgb(151,35,219)
```

Shade Color Variation

#9f33df
```
#9f33df rgb(159,51,223)
```
#a744e1
```
#a744e1 rgb(167,68,225)
```
#af55e4
```
#af55e4 rgb(175,85,228)
```
#b766e7
```
#b766e7 rgb(183,102,231)
```
#bf77e9
```
#bf77e9 rgb(191,119,233)
```
#c788ec
```
#c788ec rgb(199,136,236)
```
#cf99ef
```
#cf99ef rgb(207,153,239)
```
#d7aaf1
```
#d7aaf1 rgb(215,170,241)
```
#dfbbf4
```
#dfbbf4 rgb(223,187,244)
```
#e7cbf7
```
#e7cbf7 rgb(231,203,247)
```
#efdcfa
```
#efdcfa rgb(239,220,250)
```
#f7edfc
```
#f7edfc rgb(247,237,252)
```
#fffeff
```
#fffeff rgb(255,254,255)
```

Tint Color Variation

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

#9d99a0
```
#9d99a0 rgb(157,153,160)
```
#9f92a7
```
#9f92a7 rgb(159,146,167)
```
#a18aaf
```
#a18aaf rgb(161,138,175)
```
#a382b7
```
#a382b7 rgb(163,130,183)
```
#a57bbe
```
#a57bbe rgb(165,123,190)
```
#a773c6
```
#a773c6 rgb(167,115,198)
```
#a96ccd
```
#a96ccd rgb(169,108,205)
```
#ab64d5
```
#ab64d5 rgb(171,100,213)
```
#ad5ddc
```
#ad5ddc rgb(173,93,220)
```
#af55e4
```
#af55e4 rgb(175,85,228)
```
#b14dec
```
#b14dec rgb(177,77,236)
```
#b346f3
```
#b346f3 rgb(179,70,243)
```
#b53efb
```
#b53efb rgb(181,62,251)
```

Tone Color Variation

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

#808080 Achromatopsia 0.005% of the population
#897794 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0081fe Protanopia 1% of men
#4386d7 Deuteranopia 1% of men
#a07c84 Tritanopia 0.001% of the population

Trichromacy

#3f71f4 Protanomaly 1% of men, 0.01% of women
#6a74dc Deuteranomaly 6% of men, 0.4% of women
#a56da7 Tritanomaly 0.01% of the population

#af55e4 hex color

#af55e4 Color Information

#af55e4 Color Conversion

Color Schemes with #af55e4

Alternatives to #af55e4

#af55e4 Preview

Shades and Tints of #af55e4

Tones of #af55e4

Color Blindness Simulator