#af50fd hex color

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

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

● #af50fd color description : Soft violet.

The hexadecimal color #af50fd has RGB values of R:175, G:80, B:253 and CMYK values of C:0.31, M:0.68, Y:0, K:0.01. Its decimal value is 11489533.

Hex triplet	af50fd	`#af50fd`
RGB Decimal	175, 80, 253	`rgb(175,80,253)`
RGB Percent	68.6, 31.4, 99.2	`rgb(68.6%,31.4%,99.2%)`
CMYK	31, 68, 0, 1
HSL	272.9°, 97.7, 65.3	`hsl(272.9,97.7%,65.3%)`
HSV (or HSB)	272.9°, 68.4, 99.2
Web Safe	9966ff	`#9966ff`

CIE-LAB	53.967, 67.645, -70.573
XYZ	38.275, 21.944, 95.142
xyY	0.246, 0.141, 21.944
CIE-LCH	53.967, 97.757, 313.787
CIE-LUV	53.967, 25.724, -116.342
Hunter-Lab	46.844, 63.869, -87.629
Binary	10101111, 01010000, 11111101

#af50fd
```
#af50fd rgb(175,80,253)
```
#9efd50
```
#9efd50 rgb(158,253,80)
```

Complementary Color

#5850fd
```
#5850fd rgb(88,80,253)
```
#af50fd
```
#af50fd rgb(175,80,253)
```
#fd50f5
```
#fd50f5 rgb(253,80,245)
```

Analogous Color

#50fd58
```
#50fd58 rgb(80,253,88)
```
#af50fd
```
#af50fd rgb(175,80,253)
```
#f5fd50
```
#f5fd50 rgb(245,253,80)
```

Split Complementary Color

#50fdaf
```
#50fdaf rgb(80,253,175)
```
#af50fd
```
#af50fd rgb(175,80,253)
```
#fdaf50
```
#fdaf50 rgb(253,175,80)
```

Triadic Color

#509efd
```
#509efd rgb(80,158,253)
```
#af50fd
```
#af50fd rgb(175,80,253)
```
#fdaf50
```
#fdaf50 rgb(253,175,80)
```
#9efd50
```
#9efd50 rgb(158,253,80)
```

Tetradic Color

#8c04fc
```
#8c04fc rgb(140,4,252)
```
#981efc
```
#981efc rgb(152,30,252)
```
#a337fd
```
#a337fd rgb(163,55,253)
```
#af50fd
```
#af50fd rgb(175,80,253)
```
#bb69fd
```
#bb69fd rgb(187,105,253)
```
#c682fe
```
#c682fe rgb(198,130,254)
```
#d29cfe
```
#d29cfe rgb(210,156,254)
```

Monochromatic Color

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

#8450fd
```
#8450fd rgb(132,80,253)
```
#9250fd
```
#9250fd rgb(146,80,253)
```
#a150fd
```
#a150fd rgb(161,80,253)
```
#af50fd
```
#af50fd rgb(175,80,253)
```
#bd50fd
```
#bd50fd rgb(189,80,253)
```
#cc50fd
```
#cc50fd rgb(204,80,253)
```
#da50fd
```
#da50fd rgb(218,80,253)
```

Similar Colors

Text with hexadecimal color #af50fd

This text has a font color of #af50fd.

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

#af50fd background color

This paragraph has a background color of #af50fd.

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

#af50fd border color

This element has a border color of #af50fd.

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

CSS codes

.text {color:#af50fd;}

.background {background-color:#af50fd;}

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

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

#0a0013
```
#0a0013 rgb(10,0,19)
```
#150026
```
#150026 rgb(21,0,38)
```
#20013a
```
#20013a rgb(32,1,58)
```
#2b014d
```
#2b014d rgb(43,1,77)
```
#350161
```
#350161 rgb(53,1,97)
```
#400174
```
#400174 rgb(64,1,116)
```
#4b0287
```
#4b0287 rgb(75,2,135)
```
#56029b
```
#56029b rgb(86,2,155)
```
#6002ae
```
#6002ae rgb(96,2,174)
```
#6b02c1
```
#6b02c1 rgb(107,2,193)
```
#7602d5
```
#7602d5 rgb(118,2,213)
```
#8103e8
```
#8103e8 rgb(129,3,232)
```
#8b03fc
```
#8b03fc rgb(139,3,252)
```

Shade Color Variation

#9416fc
```
#9416fc rgb(148,22,252)
```
#9d29fd
```
#9d29fd rgb(157,41,253)
```
#a63dfd
```
#a63dfd rgb(166,61,253)
```
#af50fd
```
#af50fd rgb(175,80,253)
```
#b863fd
```
#b863fd rgb(184,99,253)
```
#c177fd
```
#c177fd rgb(193,119,253)
```
#ca8afe
```
#ca8afe rgb(202,138,254)
```
#d29efe
```
#d29efe rgb(210,158,254)
```
#dbb1fe
```
#dbb1fe rgb(219,177,254)
```
#e4c4fe
```
#e4c4fe rgb(228,196,254)
```
#edd8ff
```
#edd8ff rgb(237,216,255)
```
#f6ebff
```
#f6ebff rgb(246,235,255)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Tint Color Variation

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

#a7a2ab
```
#a7a2ab rgb(167,162,171)
```
#a89bb2
```
#a89bb2 rgb(168,155,178)
```
#a894b9
```
#a894b9 rgb(168,148,185)
```
#a98dc0
```
#a98dc0 rgb(169,141,192)
```
#aa86c7
```
#aa86c7 rgb(170,134,199)
```
#aa80cd
```
#aa80cd rgb(170,128,205)
```
#ab79d4
```
#ab79d4 rgb(171,121,212)
```
#ac72db
```
#ac72db rgb(172,114,219)
```
#ac6be2
```
#ac6be2 rgb(172,107,226)
```
#ad64e9
```
#ad64e9 rgb(173,100,233)
```
#ae5eef
```
#ae5eef rgb(174,94,239)
```
#ae57f6
```
#ae57f6 rgb(174,87,246)
```
#af50fd
```
#af50fd rgb(175,80,253)
```

Tone Color Variation

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

Dichromacy

#1c83ff Protanopia 1% of men
#008ae4 Deuteranopia 1% of men
#99818a Tritanopia 0.001% of the population

Trichromacy

#5170fe Protanomaly 1% of men, 0.01% of women
#3f74ed Deuteranomaly 6% of men, 0.4% of women
#a16fb3 Tritanomaly 0.01% of the population

#af50fd hex color

#af50fd Color Information

#af50fd Color Conversion

Color Schemes with #af50fd

Alternatives to #af50fd

#af50fd Preview

Shades and Tints of #af50fd

Tones of #af50fd

Color Blindness Simulator