#af51fd hex color

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

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

● #af51fd color description : Soft violet.

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

Hex triplet	af51fd	`#af51fd`
RGB Decimal	175, 81, 253	`rgb(175,81,253)`
RGB Percent	68.6, 31.8, 99.2	`rgb(68.6%,31.8%,99.2%)`
CMYK	31, 68, 0, 1
HSL	272.8°, 97.7, 65.5	`hsl(272.8,97.7%,65.5%)`
HSV (or HSB)	272.8°, 68, 99.2
Web Safe	9966ff	`#9966ff`

CIE-LAB	54.124, 67.208, -70.319
XYZ	38.349, 22.091, 95.167
xyY	0.246, 0.142, 22.091
CIE-LCH	54.124, 97.271, 313.704
CIE-LUV	54.124, 25.521, -116.02
Hunter-Lab	47.001, 63.386, -87.148
Binary	10101111, 01010001, 11111101

#af51fd
```
#af51fd rgb(175,81,253)
```
#9ffd51
```
#9ffd51 rgb(159,253,81)
```

Complementary Color

#5951fd
```
#5951fd rgb(89,81,253)
```
#af51fd
```
#af51fd rgb(175,81,253)
```
#fd51f5
```
#fd51f5 rgb(253,81,245)
```

Analogous Color

#51fd59
```
#51fd59 rgb(81,253,89)
```
#af51fd
```
#af51fd rgb(175,81,253)
```
#f5fd51
```
#f5fd51 rgb(245,253,81)
```

Split Complementary Color

#51fdaf
```
#51fdaf rgb(81,253,175)
```
#af51fd
```
#af51fd rgb(175,81,253)
```
#fdaf51
```
#fdaf51 rgb(253,175,81)
```

Triadic Color

#519ffd
```
#519ffd rgb(81,159,253)
```
#af51fd
```
#af51fd rgb(175,81,253)
```
#fdaf51
```
#fdaf51 rgb(253,175,81)
```
#9ffd51
```
#9ffd51 rgb(159,253,81)
```

Tetradic Color

#8c05fc
```
#8c05fc rgb(140,5,252)
```
#981ffc
```
#981ffc rgb(152,31,252)
```
#a338fd
```
#a338fd rgb(163,56,253)
```
#af51fd
```
#af51fd rgb(175,81,253)
```
#bb6afd
```
#bb6afd rgb(187,106,253)
```
#c683fe
```
#c683fe rgb(198,131,254)
```
#d29dfe
```
#d29dfe rgb(210,157,254)
```

Monochromatic Color

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

#8451fd
```
#8451fd rgb(132,81,253)
```
#9251fd
```
#9251fd rgb(146,81,253)
```
#a151fd
```
#a151fd rgb(161,81,253)
```
#af51fd
```
#af51fd rgb(175,81,253)
```
#bd51fd
```
#bd51fd rgb(189,81,253)
```
#cc51fd
```
#cc51fd rgb(204,81,253)
```
#da51fd
```
#da51fd rgb(218,81,253)
```

Similar Colors

Text with hexadecimal color #af51fd

This text has a font color of #af51fd.

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

#af51fd background color

This paragraph has a background color of #af51fd.

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

#af51fd border color

This element has a border color of #af51fd.

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

CSS codes

.text {color:#af51fd;}

.background {background-color:#af51fd;}

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

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

#000001
```
#000001 rgb(0,0,1)
```
#0b0014
```
#0b0014 rgb(11,0,20)
```
#160027
```
#160027 rgb(22,0,39)
```
#20013b
```
#20013b rgb(32,1,59)
```
#2b014e
```
#2b014e rgb(43,1,78)
```
#360161
```
#360161 rgb(54,1,97)
```
#400175
```
#400175 rgb(64,1,117)
```
#4b0288
```
#4b0288 rgb(75,2,136)
```
#56029c
```
#56029c rgb(86,2,156)
```
#6102af
```
#6102af rgb(97,2,175)
```
#6b02c2
```
#6b02c2 rgb(107,2,194)
```
#7602d6
```
#7602d6 rgb(118,2,214)
```
#8103e9
```
#8103e9 rgb(129,3,233)
```

Shade Color Variation

#8b03fc
```
#8b03fc rgb(139,3,252)
```
#9417fc
```
#9417fc rgb(148,23,252)
```
#9d2afd
```
#9d2afd rgb(157,42,253)
```
#a63efd
```
#a63efd rgb(166,62,253)
```
#af51fd
```
#af51fd rgb(175,81,253)
```
#b864fd
```
#b864fd rgb(184,100,253)
```
#c178fd
```
#c178fd rgb(193,120,253)
```
#ca8bfe
```
#ca8bfe rgb(202,139,254)
```
#d39ffe
```
#d39ffe rgb(211,159,254)
```
#dcb2fe
```
#dcb2fe rgb(220,178,254)
```
#e4c5fe
```
#e4c5fe rgb(228,197,254)
```
#edd9ff
```
#edd9ff rgb(237,217,255)
```
#f6ecff
```
#f6ecff rgb(246,236,255)
```

Tint Color Variation

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

#a7a2ac
```
#a7a2ac rgb(167,162,172)
```
#a89bb3
```
#a89bb3 rgb(168,155,179)
```
#a995b9
```
#a995b9 rgb(169,149,185)
```
#a98ec0
```
#a98ec0 rgb(169,142,192)
```
#aa87c7
```
#aa87c7 rgb(170,135,199)
```
#ab80ce
```
#ab80ce rgb(171,128,206)
```
#ab7ad4
```
#ab7ad4 rgb(171,122,212)
```
#ac73db
```
#ac73db rgb(172,115,219)
```
#ac6ce2
```
#ac6ce2 rgb(172,108,226)
```
#ad65e9
```
#ad65e9 rgb(173,101,233)
```
#ae5fef
```
#ae5fef rgb(174,95,239)
```
#ae58f6
```
#ae58f6 rgb(174,88,246)
```
#af51fd
```
#af51fd rgb(175,81,253)
```

Tone Color Variation

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

Dichromacy

#2083ff Protanopia 1% of men
#008ae5 Deuteranopia 1% of men
#99818a Tritanopia 0.001% of the population

Trichromacy

#5471fe Protanomaly 1% of men, 0.01% of women
#3f75ed Deuteranomaly 6% of men, 0.4% of women
#a16fb4 Tritanomaly 0.01% of the population

#af51fd hex color

#af51fd Color Information

#af51fd Color Conversion

Color Schemes with #af51fd

Alternatives to #af51fd

#af51fd Preview

Shades and Tints of #af51fd

Tones of #af51fd

Color Blindness Simulator