#af55e5 hex color

In a RGB color space, hex #af55e5 is composed of 68.6% red, 33.3% green and 89.8% blue. Whereas in a CMYK color space, it is composed of 23.6% cyan, 62.9% magenta, 0% yellow and 10.2% black. It has a hue angle of 277.5 degrees, a saturation of 73.5% and a lightness of 61.6%. #af55e5 color hex could be obtained by blending #ffaaff with #5f00cb. Closest websafe color is: #9966cc.

♥
- f
- t
- g
- R 69
- G 33
- B 90
RGB color chart
- C 24
- M 63
- Y 0
- K 10
CMYK color chart

● #af55e5 color description : Soft violet.

The hexadecimal color #af55e5 has RGB values of R:175, G:85, B:229 and CMYK values of C:0.24, M:0.63, Y:0, K:0.1. Its decimal value is 11490789.

Hex triplet	af55e5	`#af55e5`
RGB Decimal	175, 85, 229	`rgb(175,85,229)`
RGB Percent	68.6, 33.3, 89.8	`rgb(68.6%,33.3%,89.8%)`
CMYK	24, 63, 0, 10
HSL	277.5°, 73.5, 61.6	`hsl(277.5,73.5%,61.6%)`
HSV (or HSB)	277.5°, 62.9, 89.8
Web Safe	9966cc	`#9966cc`

CIE-LAB	53.243, 60.157, -58.324
XYZ	35.069, 21.269, 76.382
xyY	0.264, 0.16, 21.269
CIE-LCH	53.243, 83.789, 315.886
CIE-LUV	53.243, 29.53, -96.998
Hunter-Lab	46.118, 55.025, -65.915
Binary	10101111, 01010101, 11100101

#af55e5
```
#af55e5 rgb(175,85,229)
```
#8be555
```
#8be555 rgb(139,229,85)
```

Complementary Color

#6755e5
```
#6755e5 rgb(103,85,229)
```
#af55e5
```
#af55e5 rgb(175,85,229)
```
#e555d3
```
#e555d3 rgb(229,85,211)
```

Analogous Color

#55e567
```
#55e567 rgb(85,229,103)
```
#af55e5
```
#af55e5 rgb(175,85,229)
```
#d3e555
```
#d3e555 rgb(211,229,85)
```

Split Complementary Color

#55e5af
```
#55e5af rgb(85,229,175)
```
#af55e5
```
#af55e5 rgb(175,85,229)
```
#e5af55
```
#e5af55 rgb(229,175,85)
```

Triadic Color

#558be5
```
#558be5 rgb(85,139,229)
```
#af55e5
```
#af55e5 rgb(175,85,229)
```
#e5af55
```
#e5af55 rgb(229,175,85)
```
#8be555
```
#8be555 rgb(139,229,85)
```

Tetradic Color

#8d20ce
```
#8d20ce rgb(141,32,206)
```
#9a29de
```
#9a29de rgb(154,41,222)
```
#a53fe2
```
#a53fe2 rgb(165,63,226)
```
#af55e5
```
#af55e5 rgb(175,85,229)
```
#b96be8
```
#b96be8 rgb(185,107,232)
```
#c481ec
```
#c481ec rgb(196,129,236)
```
#ce97ef
```
#ce97ef rgb(206,151,239)
```

Monochromatic Color

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

#8b55e5
```
#8b55e5 rgb(139,85,229)
```
#9755e5
```
#9755e5 rgb(151,85,229)
```
#a355e5
```
#a355e5 rgb(163,85,229)
```
#af55e5
```
#af55e5 rgb(175,85,229)
```
#bb55e5
```
#bb55e5 rgb(187,85,229)
```
#c755e5
```
#c755e5 rgb(199,85,229)
```
#d355e5
```
#d355e5 rgb(211,85,229)
```

Similar Colors

Text with hexadecimal color #af55e5

This text has a font color of #af55e5.

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

#af55e5 background color

This paragraph has a background color of #af55e5.

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

#af55e5 border color

This element has a border color of #af55e5.

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

CSS codes

.text {color:#af55e5;}

.background {background-color:#af55e5;}

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

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

#000000
```
#000000 rgb(0,0,0)
```
#0c0311
```
#0c0311 rgb(12,3,17)
```
#170522
```
#170522 rgb(23,5,34)
```
#230833
```
#230833 rgb(35,8,51)
```
#2f0a44
```
#2f0a44 rgb(47,10,68)
```
#3a0d55
```
#3a0d55 rgb(58,13,85)
```
#461066
```
#461066 rgb(70,16,102)
```
#511277
```
#511277 rgb(81,18,119)
```
#5d1588
```
#5d1588 rgb(93,21,136)
```
#691799
```
#691799 rgb(105,23,153)
```
#741aaa
```
#741aaa rgb(116,26,170)
```
#801dbb
```
#801dbb rgb(128,29,187)
```
#8b1fcc
```
#8b1fcc rgb(139,31,204)
```

Shade Color Variation

#9722dd
```
#9722dd rgb(151,34,221)
```
#9f33e0
```
#9f33e0 rgb(159,51,224)
```
#a744e2
```
#a744e2 rgb(167,68,226)
```
#af55e5
```
#af55e5 rgb(175,85,229)
```
#b766e8
```
#b766e8 rgb(183,102,232)
```
#bf77ea
```
#bf77ea rgb(191,119,234)
```
#c788ed
```
#c788ed rgb(199,136,237)
```
#cf99ef
```
#cf99ef rgb(207,153,239)
```
#d7aaf2
```
#d7aaf2 rgb(215,170,242)
```
#dfbbf5
```
#dfbbf5 rgb(223,187,245)
```
#e7ccf7
```
#e7ccf7 rgb(231,204,247)
```
#efddfa
```
#efddfa rgb(239,221,250)
```
#f7eefc
```
#f7eefc rgb(247,238,252)
```

Tint Color Variation

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

#9e99a1
```
#9e99a1 rgb(158,153,161)
```
#a091a9
```
#a091a9 rgb(160,145,169)
```
#a28ab0
```
#a28ab0 rgb(162,138,176)
```
#a482b8
```
#a482b8 rgb(164,130,184)
```
#a67bbf
```
#a67bbf rgb(166,123,191)
```
#a773c7
```
#a773c7 rgb(167,115,199)
```
#a96cce
```
#a96cce rgb(169,108,206)
```
#ab64d6
```
#ab64d6 rgb(171,100,214)
```
#ad5ddd
```
#ad5ddd rgb(173,93,221)
```
#af55e5
```
#af55e5 rgb(175,85,229)
```
#b14ded
```
#b14ded rgb(177,77,237)
```
#b346f4
```
#b346f4 rgb(179,70,244)
```
#b53efc
```
#b53efc rgb(181,62,252)
```

Tone Color Variation

Below, you can see how #af55e5 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
#4187d8 Deuteranopia 1% of men
#a07c85 Tritanopia 0.001% of the population

Trichromacy

#3f71f5 Protanomaly 1% of men, 0.01% of women
#6974dd Deuteranomaly 6% of men, 0.4% of women
#a56ea7 Tritanomaly 0.01% of the population

#af55e5 hex color

#af55e5 Color Information

#af55e5 Color Conversion

Color Schemes with #af55e5

Alternatives to #af55e5

#af55e5 Preview

Shades and Tints of #af55e5

Tones of #af55e5

Color Blindness Simulator