#af55ed hex color

In a RGB color space, hex #af55ed is composed of 68.6% red, 33.3% green and 92.9% blue. Whereas in a CMYK color space, it is composed of 26.2% cyan, 64.1% magenta, 0% yellow and 7.1% black. It has a hue angle of 275.5 degrees, a saturation of 80.9% and a lightness of 63.1%. #af55ed color hex could be obtained by blending #ffaaff with #5f00db. Closest websafe color is: #9966ff.

♥
- f
- t
- g
- R 69
- G 33
- B 93
RGB color chart
- C 26
- M 64
- Y 0
- K 7
CMYK color chart

● #af55ed color description : Soft violet.

The hexadecimal color #af55ed has RGB values of R:175, G:85, B:237 and CMYK values of C:0.26, M:0.64, Y:0, K:0.07. Its decimal value is 11490797.

Hex triplet	af55ed	`#af55ed`
RGB Decimal	175, 85, 237	`rgb(175,85,237)`
RGB Percent	68.6, 33.3, 92.9	`rgb(68.6%,33.3%,92.9%)`
CMYK	26, 64, 0, 7
HSL	275.5°, 80.9, 63.1	`hsl(275.5,80.9%,63.1%)`
HSV (or HSB)	275.5°, 64.1, 92.9
Web Safe	9966ff	`#9966ff`

CIE-LAB	53.735, 61.888, -62.026
XYZ	36.212, 21.726, 82.402
xyY	0.258, 0.155, 21.726
CIE-LCH	53.735, 87.62, 314.936
CIE-LUV	53.735, 27.86, -102.984
Hunter-Lab	46.611, 57.104, -72.188
Binary	10101111, 01010101, 11101101

#af55ed
```
#af55ed rgb(175,85,237)
```
#93ed55
```
#93ed55 rgb(147,237,85)
```

Complementary Color

#6355ed
```
#6355ed rgb(99,85,237)
```
#af55ed
```
#af55ed rgb(175,85,237)
```
#ed55df
```
#ed55df rgb(237,85,223)
```

Analogous Color

#55ed63
```
#55ed63 rgb(85,237,99)
```
#af55ed
```
#af55ed rgb(175,85,237)
```
#dfed55
```
#dfed55 rgb(223,237,85)
```

Split Complementary Color

#55edaf
```
#55edaf rgb(85,237,175)
```
#af55ed
```
#af55ed rgb(175,85,237)
```
#edaf55
```
#edaf55 rgb(237,175,85)
```

Triadic Color

#5593ed
```
#5593ed rgb(85,147,237)
```
#af55ed
```
#af55ed rgb(175,85,237)
```
#edaf55
```
#edaf55 rgb(237,175,85)
```
#93ed55
```
#93ed55 rgb(147,237,85)
```

Tetradic Color

#8d18de
```
#8d18de rgb(141,24,222)
```
#9927e8
```
#9927e8 rgb(153,39,232)
```
#a43eeb
```
#a43eeb rgb(164,62,235)
```
#af55ed
```
#af55ed rgb(175,85,237)
```
#ba6cef
```
#ba6cef rgb(186,108,239)
```
#c583f2
```
#c583f2 rgb(197,131,242)
```
#d09af4
```
#d09af4 rgb(208,154,244)
```

Monochromatic Color

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

#8955ed
```
#8955ed rgb(137,85,237)
```
#9655ed
```
#9655ed rgb(150,85,237)
```
#a255ed
```
#a255ed rgb(162,85,237)
```
#af55ed
```
#af55ed rgb(175,85,237)
```
#bc55ed
```
#bc55ed rgb(188,85,237)
```
#c855ed
```
#c855ed rgb(200,85,237)
```
#d555ed
```
#d555ed rgb(213,85,237)
```

Similar Colors

Text with hexadecimal color #af55ed

This text has a font color of #af55ed.

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

#af55ed background color

This paragraph has a background color of #af55ed.

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

#af55ed border color

This element has a border color of #af55ed.

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

CSS codes

.text {color:#af55ed;}

.background {background-color:#af55ed;}

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

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

#050107
```
#050107 rgb(5,1,7)
```
#100319
```
#100319 rgb(16,3,25)
```
#1b052b
```
#1b052b rgb(27,5,43)
```
#26063d
```
#26063d rgb(38,6,61)
```
#32084e
```
#32084e rgb(50,8,78)
```
#3d0a60
```
#3d0a60 rgb(61,10,96)
```
#480c72
```
#480c72 rgb(72,12,114)
```
#540e84
```
#540e84 rgb(84,14,132)
```
#5f1095
```
#5f1095 rgb(95,16,149)
```
#6a12a7
```
#6a12a7 rgb(106,18,167)
```
#7514b9
```
#7514b9 rgb(117,20,185)
```
#8115ca
```
#8115ca rgb(129,21,202)
```
#8c17dc
```
#8c17dc rgb(140,23,220)
```

Shade Color Variation

#9620e7
```
#9620e7 rgb(150,32,231)
```
#9e32e9
```
#9e32e9 rgb(158,50,233)
```
#a743eb
```
#a743eb rgb(167,67,235)
```
#af55ed
```
#af55ed rgb(175,85,237)
```
#b767ef
```
#b767ef rgb(183,103,239)
```
#c078f1
```
#c078f1 rgb(192,120,241)
```
#c88af3
```
#c88af3 rgb(200,138,243)
```
#d09cf5
```
#d09cf5 rgb(208,156,245)
```
#d9aef6
```
#d9aef6 rgb(217,174,246)
```
#e1bff8
```
#e1bff8 rgb(225,191,248)
```
#e9d1fa
```
#e9d1fa rgb(233,209,250)
```
#f2e3fc
```
#f2e3fc rgb(242,227,252)
```
#faf5fe
```
#faf5fe rgb(250,245,254)
```

Tint Color Variation

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

#a29da5
```
#a29da5 rgb(162,157,165)
```
#a396ac
```
#a396ac rgb(163,150,172)
```
#a48fb3
```
#a48fb3 rgb(164,143,179)
```
#a688ba
```
#a688ba rgb(166,136,186)
```
#a780c2
```
#a780c2 rgb(167,128,194)
```
#a879c9
```
#a879c9 rgb(168,121,201)
```
#aa72d0
```
#aa72d0 rgb(170,114,208)
```
#ab6bd7
```
#ab6bd7 rgb(171,107,215)
```
#ac63df
```
#ac63df rgb(172,99,223)
```
#ae5ce6
```
#ae5ce6 rgb(174,92,230)
```
#af55ed
```
#af55ed rgb(175,85,237)
```
#b04ef4
```
#b04ef4 rgb(176,78,244)
```
#b247fb
```
#b247fb rgb(178,71,251)
```

Tone Color Variation

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

#818181 Achromatopsia 0.005% of the population
#8a7897 Atypical Achromatopsia 0.001% of the population

Dichromacy

#1882ff Protanopia 1% of men
#3388df Deuteranopia 1% of men
#9e7e87 Tritanopia 0.001% of the population

Trichromacy

#4f72f8 Protanomaly 1% of men, 0.01% of women
#6075e4 Deuteranomaly 6% of men, 0.4% of women
#a46fac Tritanomaly 0.01% of the population

#af55ed hex color

#af55ed Color Information

#af55ed Color Conversion

Color Schemes with #af55ed

Alternatives to #af55ed

#af55ed Preview

Shades and Tints of #af55ed

Tones of #af55ed

Color Blindness Simulator