#af51fb hex color

In a RGB color space, hex #af51fb is composed of 68.6% red, 31.8% green and 98.4% blue. Whereas in a CMYK color space, it is composed of 30.3% cyan, 67.7% magenta, 0% yellow and 1.6% black. It has a hue angle of 273.2 degrees, a saturation of 95.5% and a lightness of 65.1%. #af51fb color hex could be obtained by blending #ffa2ff with #5f00f7. Closest websafe color is: #9966ff.

♥
- f
- t
- g
- R 69
- G 32
- B 98
RGB color chart
- C 30
- M 68
- Y 0
- K 2
CMYK color chart

● #af51fb color description : Soft violet.

The hexadecimal color #af51fb has RGB values of R:175, G:81, B:251 and CMYK values of C:0.3, M:0.68, Y:0, K:0.02. Its decimal value is 11489787.

Hex triplet	af51fb	`#af51fb`
RGB Decimal	175, 81, 251	`rgb(175,81,251)`
RGB Percent	68.6, 31.8, 98.4	`rgb(68.6%,31.8%,98.4%)`
CMYK	30, 68, 0, 2
HSL	273.2°, 95.5, 65.1	`hsl(273.2,95.5%,65.1%)`
HSV (or HSB)	273.2°, 67.7, 98.4
Web Safe	9966ff	`#9966ff`

CIE-LAB	53.989, 66.766, -69.426
XYZ	38.032, 21.965, 93.498
xyY	0.248, 0.143, 21.965
CIE-LCH	53.989, 96.321, 313.881
CIE-LUV	53.989, 25.917, -114.593
Hunter-Lab	46.866, 62.835, -85.476
Binary	10101111, 01010001, 11111011

#af51fb
```
#af51fb rgb(175,81,251)
```
#9dfb51
```
#9dfb51 rgb(157,251,81)
```

Complementary Color

#5a51fb
```
#5a51fb rgb(90,81,251)
```
#af51fb
```
#af51fb rgb(175,81,251)
```
#fb51f2
```
#fb51f2 rgb(251,81,242)
```

Analogous Color

#51fb5a
```
#51fb5a rgb(81,251,90)
```
#af51fb
```
#af51fb rgb(175,81,251)
```
#f2fb51
```
#f2fb51 rgb(242,251,81)
```

Split Complementary Color

#51fbaf
```
#51fbaf rgb(81,251,175)
```
#af51fb
```
#af51fb rgb(175,81,251)
```
#fbaf51
```
#fbaf51 rgb(251,175,81)
```

Triadic Color

#519dfb
```
#519dfb rgb(81,157,251)
```
#af51fb
```
#af51fb rgb(175,81,251)
```
#fbaf51
```
#fbaf51 rgb(251,175,81)
```
#9dfb51
```
#9dfb51 rgb(157,251,81)
```

Tetradic Color

#8d06f9
```
#8d06f9 rgb(141,6,249)
```
#981ffa
```
#981ffa rgb(152,31,250)
```
#a438fa
```
#a438fa rgb(164,56,250)
```
#af51fb
```
#af51fb rgb(175,81,251)
```
#ba6afc
```
#ba6afc rgb(186,106,252)
```
#c683fc
```
#c683fc rgb(198,131,252)
```
#d19cfd
```
#d19cfd rgb(209,156,253)
```

Monochromatic Color

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

#8551fb
```
#8551fb rgb(133,81,251)
```
#9351fb
```
#9351fb rgb(147,81,251)
```
#a151fb
```
#a151fb rgb(161,81,251)
```
#af51fb
```
#af51fb rgb(175,81,251)
```
#bd51fb
```
#bd51fb rgb(189,81,251)
```
#cb51fb
```
#cb51fb rgb(203,81,251)
```
#da51fb
```
#da51fb rgb(218,81,251)
```

Similar Colors

Text with hexadecimal color #af51fb

This text has a font color of #af51fb.

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

#af51fb background color

This paragraph has a background color of #af51fb.

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

#af51fb border color

This element has a border color of #af51fb.

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

CSS codes

.text {color:#af51fb;}

.background {background-color:#af51fb;}

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

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

#0a0012
```
#0a0012 rgb(10,0,18)
```
#150125
```
#150125 rgb(21,1,37)
```
#200138
```
#200138 rgb(32,1,56)
```
#2a024b
```
#2a024b rgb(42,2,75)
```
#35025e
```
#35025e rgb(53,2,94)
```
#400372
```
#400372 rgb(64,3,114)
```
#4b0385
```
#4b0385 rgb(75,3,133)
```
#560398
```
#560398 rgb(86,3,152)
```
#6004ab
```
#6004ab rgb(96,4,171)
```
#6b04be
```
#6b04be rgb(107,4,190)
```
#7605d1
```
#7605d1 rgb(118,5,209)
```
#8105e5
```
#8105e5 rgb(129,5,229)
```
#8c06f8
```
#8c06f8 rgb(140,6,248)
```

Shade Color Variation

#9517fa
```
#9517fa rgb(149,23,250)
```
#9d2bfa
```
#9d2bfa rgb(157,43,250)
```
#a63efb
```
#a63efb rgb(166,62,251)
```
#af51fb
```
#af51fb rgb(175,81,251)
```
#b864fb
```
#b864fb rgb(184,100,251)
```
#c177fc
```
#c177fc rgb(193,119,252)
```
#c98bfc
```
#c98bfc rgb(201,139,252)
```
#d29efd
```
#d29efd rgb(210,158,253)
```
#dbb1fd
```
#dbb1fd rgb(219,177,253)
```
#e4c4fe
```
#e4c4fe rgb(228,196,254)
```
#edd7fe
```
#edd7fe rgb(237,215,254)
```
#f6eaff
```
#f6eaff rgb(246,234,255)
```
#fefeff
```
#fefeff rgb(254,254,255)
```

Tint Color Variation

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

#a6a3a9
```
#a6a3a9 rgb(166,163,169)
```
#a79cb0
```
#a79cb0 rgb(167,156,176)
```
#a895b7
```
#a895b7 rgb(168,149,183)
```
#a88fbd
```
#a88fbd rgb(168,143,189)
```
#a988c4
```
#a988c4 rgb(169,136,196)
```
#aa81cb
```
#aa81cb rgb(170,129,203)
```
#ab7ad2
```
#ab7ad2 rgb(171,122,210)
```
#ab73d9
```
#ab73d9 rgb(171,115,217)
```
#ac6ce0
```
#ac6ce0 rgb(172,108,224)
```
#ad66e6
```
#ad66e6 rgb(173,102,230)
```
#ae5fed
```
#ae5fed rgb(174,95,237)
```
#ae58f4
```
#ae58f4 rgb(174,88,244)
```
#af51fb
```
#af51fb rgb(175,81,251)
```

Tone Color Variation

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

Dichromacy

#1d83ff Protanopia 1% of men
#008ae5 Deuteranopia 1% of men
#9a818a Tritanopia 0.001% of the population

Trichromacy

#5271fd Protanomaly 1% of men, 0.01% of women
#3f75ed Deuteranomaly 6% of men, 0.4% of women
#a16fb3 Tritanomaly 0.01% of the population

#af51fb hex color

#af51fb Color Information

#af51fb Color Conversion

Color Schemes with #af51fb

Alternatives to #af51fb

#af51fb Preview

Shades and Tints of #af51fb

Tones of #af51fb

Color Blindness Simulator