#af55fd hex color

In a RGB color space, hex #af55fd is composed of 68.6% red, 33.3% green and 99.2% blue. Whereas in a CMYK color space, it is composed of 30.8% cyan, 66.4% magenta, 0% yellow and 0.8% black. It has a hue angle of 272.1 degrees, a saturation of 97.7% and a lightness of 66.3%. #af55fd color hex could be obtained by blending #ffaaff with #5f00fb. Closest websafe color is: #9966ff.

♥
- f
- t
- g
- R 69
- G 33
- B 99
RGB color chart
- C 31
- M 66
- Y 0
- K 1
CMYK color chart

● #af55fd color description : Soft violet.

The hexadecimal color #af55fd has RGB values of R:175, G:85, B:253 and CMYK values of C:0.31, M:0.66, Y:0, K:0.01. Its decimal value is 11490813.

Hex triplet	af55fd	`#af55fd`
RGB Decimal	175, 85, 253	`rgb(175,85,253)`
RGB Percent	68.6, 33.3, 99.2	`rgb(68.6%,33.3%,99.2%)`
CMYK	31, 66, 0, 1
HSL	272.1°, 97.7, 66.3	`hsl(272.1,97.7%,66.3%)`
HSV (or HSB)	272.1°, 66.4, 99.2
Web Safe	9966ff	`#9966ff`

CIE-LAB	54.766, 65.422, -69.281
XYZ	38.655, 22.703, 95.269
xyY	0.247, 0.145, 22.703
CIE-LCH	54.766, 95.288, 313.359
CIE-LUV	54.766, 24.68, -114.68
Hunter-Lab	47.648, 61.424, -85.192
Binary	10101111, 01010101, 11111101

#af55fd
```
#af55fd rgb(175,85,253)
```
#a3fd55
```
#a3fd55 rgb(163,253,85)
```

Complementary Color

#5b55fd
```
#5b55fd rgb(91,85,253)
```
#af55fd
```
#af55fd rgb(175,85,253)
```
#fd55f7
```
#fd55f7 rgb(253,85,247)
```

Analogous Color

#55fd5b
```
#55fd5b rgb(85,253,91)
```
#af55fd
```
#af55fd rgb(175,85,253)
```
#f7fd55
```
#f7fd55 rgb(247,253,85)
```

Split Complementary Color

#55fdaf
```
#55fdaf rgb(85,253,175)
```
#af55fd
```
#af55fd rgb(175,85,253)
```
#fdaf55
```
#fdaf55 rgb(253,175,85)
```

Triadic Color

#55a3fd
```
#55a3fd rgb(85,163,253)
```
#af55fd
```
#af55fd rgb(175,85,253)
```
#fdaf55
```
#fdaf55 rgb(253,175,85)
```
#a3fd55
```
#a3fd55 rgb(163,253,85)
```

Tetradic Color

#8b09fc
```
#8b09fc rgb(139,9,252)
```
#9723fc
```
#9723fc rgb(151,35,252)
```
#a33cfd
```
#a33cfd rgb(163,60,253)
```
#af55fd
```
#af55fd rgb(175,85,253)
```
#bb6efd
```
#bb6efd rgb(187,110,253)
```
#c787fe
```
#c787fe rgb(199,135,254)
```
#d3a1fe
```
#d3a1fe rgb(211,161,254)
```

Monochromatic Color

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

#8555fd
```
#8555fd rgb(133,85,253)
```
#9355fd
```
#9355fd rgb(147,85,253)
```
#a155fd
```
#a155fd rgb(161,85,253)
```
#af55fd
```
#af55fd rgb(175,85,253)
```
#bd55fd
```
#bd55fd rgb(189,85,253)
```
#cb55fd
```
#cb55fd rgb(203,85,253)
```
#d955fd
```
#d955fd rgb(217,85,253)
```

Similar Colors

Text with hexadecimal color #af55fd

This text has a font color of #af55fd.

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

#af55fd background color

This paragraph has a background color of #af55fd.

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

#af55fd border color

This element has a border color of #af55fd.

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

CSS codes

.text {color:#af55fd;}

.background {background-color:#af55fd;}

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

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

#020004
```
#020004 rgb(2,0,4)
```
#0d0018
```
#0d0018 rgb(13,0,24)
```
#17012b
```
#17012b rgb(23,1,43)
```
#22013f
```
#22013f rgb(34,1,63)
```
#2c0152
```
#2c0152 rgb(44,1,82)
```
#370165
```
#370165 rgb(55,1,101)
```
#410179
```
#410179 rgb(65,1,121)
```
#4c028c
```
#4c028c rgb(76,2,140)
```
#5602a0
```
#5602a0 rgb(86,2,160)
```
#6102b3
```
#6102b3 rgb(97,2,179)
```
#6b02c6
```
#6b02c6 rgb(107,2,198)
```
#7603da
```
#7603da rgb(118,3,218)
```
#8003ed
```
#8003ed rgb(128,3,237)
```

Shade Color Variation

#8b07fc
```
#8b07fc rgb(139,7,252)
```
#941bfc
```
#941bfc rgb(148,27,252)
```
#9d2efd
```
#9d2efd rgb(157,46,253)
```
#a642fd
```
#a642fd rgb(166,66,253)
```
#af55fd
```
#af55fd rgb(175,85,253)
```
#b868fd
```
#b868fd rgb(184,104,253)
```
#c17cfd
```
#c17cfd rgb(193,124,253)
```
#ca8ffe
```
#ca8ffe rgb(202,143,254)
```
#d3a3fe
```
#d3a3fe rgb(211,163,254)
```
#ddb6fe
```
#ddb6fe rgb(221,182,254)
```
#e6c9fe
```
#e6c9fe rgb(230,201,254)
```
#efddff
```
#efddff rgb(239,221,255)
```
#f8f0ff
```
#f8f0ff rgb(248,240,255)
```

Tint Color Variation

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

#a9a4ae
```
#a9a4ae rgb(169,164,174)
```
#aa9eb4
```
#aa9eb4 rgb(170,158,180)
```
#aa97bb
```
#aa97bb rgb(170,151,187)
```
#ab91c1
```
#ab91c1 rgb(171,145,193)
```
#ab8ac8
```
#ab8ac8 rgb(171,138,200)
```
#ac83cf
```
#ac83cf rgb(172,131,207)
```
#ac7dd5
```
#ac7dd5 rgb(172,125,213)
```
#ad76dc
```
#ad76dc rgb(173,118,220)
```
#ad6fe3
```
#ad6fe3 rgb(173,111,227)
```
#ae69e9
```
#ae69e9 rgb(174,105,233)
```
#ae62f0
```
#ae62f0 rgb(174,98,240)
```
#af5cf6
```
#af5cf6 rgb(175,92,246)
```
#af55fd
```
#af55fd rgb(175,85,253)
```

Tone Color Variation

Below, you can see how #af55fd 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
#8c7a9b Atypical Achromatopsia 0.001% of the population

Dichromacy

#2c85ff Protanopia 1% of men
#008be8 Deuteranopia 1% of men
#9a838c Tritanopia 0.001% of the population

Trichromacy

#5b73fe Protanomaly 1% of men, 0.01% of women
#3f77ef Deuteranomaly 6% of men, 0.4% of women
#a172b5 Tritanomaly 0.01% of the population

#af55fd hex color

#af55fd Color Information

#af55fd Color Conversion

Color Schemes with #af55fd

Alternatives to #af55fd

#af55fd Preview

Shades and Tints of #af55fd

Tones of #af55fd

Color Blindness Simulator