#af55ff hex color

In a RGB color space, hex #af55ff is composed of 68.6% red, 33.3% green and 100% blue. Whereas in a CMYK color space, it is composed of 31.4% cyan, 66.7% magenta, 0% yellow and 0% black. It has a hue angle of 271.8 degrees, a saturation of 100% and a lightness of 66.7%. #af55ff color hex could be obtained by blending #ffaaff with #5f00ff. Closest websafe color is: #9966ff.

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

● #af55ff color description : Light violet.

The hexadecimal color #af55ff has RGB values of R:175, G:85, B:255 and CMYK values of C:0.31, M:0.67, Y:0, K:0. Its decimal value is 11490815.

Hex triplet	af55ff	`#af55ff`
RGB Decimal	175, 85, 255	`rgb(175,85,255)`
RGB Percent	68.6, 33.3, 100	`rgb(68.6%,33.3%,100%)`
CMYK	31, 67, 0, 0
HSL	271.8°, 100, 66.7	`hsl(271.8,100%,66.7%)`
HSV (or HSB)	271.8°, 66.7, 100
Web Safe	9966ff	`#9966ff`

CIE-LAB	54.898, 65.869, -70.175
XYZ	38.975, 22.832, 96.956
xyY	0.245, 0.144, 22.832
CIE-LCH	54.898, 96.246, 313.187
CIE-LUV	54.898, 24.297, -116.116
Hunter-Lab	47.782, 61.979, -86.859
Binary	10101111, 01010101, 11111111

#af55ff
```
#af55ff rgb(175,85,255)
```
#a5ff55
```
#a5ff55 rgb(165,255,85)
```

Complementary Color

#5a55ff
```
#5a55ff rgb(90,85,255)
```
#af55ff
```
#af55ff rgb(175,85,255)
```
#ff55fa
```
#ff55fa rgb(255,85,250)
```

Analogous Color

#55ff5a
```
#55ff5a rgb(85,255,90)
```
#af55ff
```
#af55ff rgb(175,85,255)
```
#faff55
```
#faff55 rgb(250,255,85)
```

Split Complementary Color

#55ffaf
```
#55ffaf rgb(85,255,175)
```
#af55ff
```
#af55ff rgb(175,85,255)
```
#ffaf55
```
#ffaf55 rgb(255,175,85)
```

Triadic Color

#55a5ff
```
#55a5ff rgb(85,165,255)
```
#af55ff
```
#af55ff rgb(175,85,255)
```
#ffaf55
```
#ffaf55 rgb(255,175,85)
```
#a5ff55
```
#a5ff55 rgb(165,255,85)
```

Tetradic Color

#8b08ff
```
#8b08ff rgb(139,8,255)
```
#9722ff
```
#9722ff rgb(151,34,255)
```
#a33cff
```
#a33cff rgb(163,60,255)
```
#af55ff
```
#af55ff rgb(175,85,255)
```
#bb6fff
```
#bb6fff rgb(187,111,255)
```
#c788ff
```
#c788ff rgb(199,136,255)
```
#d3a2ff
```
#d3a2ff rgb(211,162,255)
```

Monochromatic Color

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

#8555ff
```
#8555ff rgb(133,85,255)
```
#9355ff
```
#9355ff rgb(147,85,255)
```
#a155ff
```
#a155ff rgb(161,85,255)
```
#af55ff
```
#af55ff rgb(175,85,255)
```
#bd55ff
```
#bd55ff rgb(189,85,255)
```
#cb55ff
```
#cb55ff rgb(203,85,255)
```
#da55ff
```
#da55ff rgb(218,85,255)
```

Similar Colors

Text with hexadecimal color #af55ff

This text has a font color of #af55ff.

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

#af55ff background color

This paragraph has a background color of #af55ff.

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

#af55ff border color

This element has a border color of #af55ff.

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

CSS codes

.text {color:#af55ff;}

.background {background-color:#af55ff;}

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

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

#030007
```
#030007 rgb(3,0,7)
```
#0e001a
```
#0e001a rgb(14,0,26)
```
#18002e
```
#18002e rgb(24,0,46)
```
#230041
```
#230041 rgb(35,0,65)
```
#2d0055
```
#2d0055 rgb(45,0,85)
```
#370069
```
#370069 rgb(55,0,105)
```
#42007c
```
#42007c rgb(66,0,124)
```
#4c0090
```
#4c0090 rgb(76,0,144)
```
#5700a3
```
#5700a3 rgb(87,0,163)
```
#6100b7
```
#6100b7 rgb(97,0,183)
```
#6b00cb
```
#6b00cb rgb(107,0,203)
```
#7600de
```
#7600de rgb(118,0,222)
```
#8000f2
```
#8000f2 rgb(128,0,242)
```

Shade Color Variation

#8a07ff
```
#8a07ff rgb(138,7,255)
```
#931aff
```
#931aff rgb(147,26,255)
```
#9d2eff
```
#9d2eff rgb(157,46,255)
```
#a641ff
```
#a641ff rgb(166,65,255)
```
#af55ff
```
#af55ff rgb(175,85,255)
```
#b869ff
```
#b869ff rgb(184,105,255)
```
#c17cff
```
#c17cff rgb(193,124,255)
```
#cb90ff
```
#cb90ff rgb(203,144,255)
```
#d4a3ff
```
#d4a3ff rgb(212,163,255)
```
#ddb7ff
```
#ddb7ff rgb(221,183,255)
```
#e6cbff
```
#e6cbff rgb(230,203,255)
```
#f0deff
```
#f0deff rgb(240,222,255)
```
#f9f2ff
```
#f9f2ff rgb(249,242,255)
```

Tint Color Variation

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

#aaa3b1
```
#aaa3b1 rgb(170,163,177)
```
#ab9db7
```
#ab9db7 rgb(171,157,183)
```
#ab96be
```
#ab96be rgb(171,150,190)
```
#ac90c4
```
#ac90c4 rgb(172,144,196)
```
#ac89cb
```
#ac89cb rgb(172,137,203)
```
#ac83d1
```
#ac83d1 rgb(172,131,209)
```
#ad7cd8
```
#ad7cd8 rgb(173,124,216)
```
#ad76de
```
#ad76de rgb(173,118,222)
```
#ad6fe5
```
#ad6fe5 rgb(173,111,229)
```
#ae69eb
```
#ae69eb rgb(174,105,235)
```
#ae62f2
```
#ae62f2 rgb(174,98,242)
```
#af5cf8
```
#af5cf8 rgb(175,92,248)
```
#af55ff
```
#af55ff rgb(175,85,255)
```

Tone Color Variation

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

Dichromacy

#2e85ff Protanopia 1% of men
#008ce8 Deuteranopia 1% of men
#99848d Tritanopia 0.001% of the population

Trichromacy

#5d74ff Protanomaly 1% of men, 0.01% of women
#3f78f0 Deuteranomaly 6% of men, 0.4% of women
#a173b6 Tritanomaly 0.01% of the population

#af55ff hex color

#af55ff Color Information

#af55ff Color Conversion

Color Schemes with #af55ff

Alternatives to #af55ff

#af55ff Preview

Shades and Tints of #af55ff

Tones of #af55ff

Color Blindness Simulator