#af63fd hex color

In a RGB color space, hex #af63fd is composed of 68.6% red, 38.8% green and 99.2% blue. Whereas in a CMYK color space, it is composed of 30.8% cyan, 60.9% magenta, 0% yellow and 0.8% black. It has a hue angle of 269.6 degrees, a saturation of 97.5% and a lightness of 69%. #af63fd color hex could be obtained by blending #ffc6ff with #5f00fb. Closest websafe color is: #9966ff.

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

● #af63fd color description : Soft violet.

The hexadecimal color #af63fd has RGB values of R:175, G:99, B:253 and CMYK values of C:0.31, M:0.61, Y:0, K:0.01. Its decimal value is 11494397.

Hex triplet	af63fd	`#af63fd`
RGB Decimal	175, 99, 253	`rgb(175,99,253)`
RGB Percent	68.6, 38.8, 99.2	`rgb(68.6%,38.8%,99.2%)`
CMYK	31, 61, 0, 1
HSL	269.6°, 97.5, 69	`hsl(269.6,97.5%,69%)`
HSV (or HSB)	269.6°, 60.9, 99.2
Web Safe	9966ff	`#9966ff`

CIE-LAB	57.202, 58.756, -65.351
XYZ	39.868, 25.13, 95.673
xyY	0.248, 0.156, 25.13
CIE-LCH	57.202, 87.881, 311.958
CIE-LUV	57.202, 21.368, -109.312
Hunter-Lab	50.13, 54.233, -78.065
Binary	10101111, 01100011, 11111101

#af63fd
```
#af63fd rgb(175,99,253)
```
#b1fd63
```
#b1fd63 rgb(177,253,99)
```

Complementary Color

#6364fd
```
#6364fd rgb(99,100,253)
```
#af63fd
```
#af63fd rgb(175,99,253)
```
#fc63fd
```
#fc63fd rgb(252,99,253)
```

Analogous Color

#64fd63
```
#64fd63 rgb(100,253,99)
```
#af63fd
```
#af63fd rgb(175,99,253)
```
#fdfc63
```
#fdfc63 rgb(253,252,99)
```

Split Complementary Color

#63fdaf
```
#63fdaf rgb(99,253,175)
```
#af63fd
```
#af63fd rgb(175,99,253)
```
#fdaf63
```
#fdaf63 rgb(253,175,99)
```

Triadic Color

#63b1fd
```
#63b1fd rgb(99,177,253)
```
#af63fd
```
#af63fd rgb(175,99,253)
```
#fdaf63
```
#fdaf63 rgb(253,175,99)
```
#b1fd63
```
#b1fd63 rgb(177,253,99)
```

Tetradic Color

#8817fc
```
#8817fc rgb(136,23,252)
```
#9531fc
```
#9531fc rgb(149,49,252)
```
#a24afd
```
#a24afd rgb(162,74,253)
```
#af63fd
```
#af63fd rgb(175,99,253)
```
#bc7cfd
```
#bc7cfd rgb(188,124,253)
```
#c995fe
```
#c995fe rgb(201,149,254)
```
#d6affe
```
#d6affe rgb(214,175,254)
```

Monochromatic Color

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

#8963fd
```
#8963fd rgb(137,99,253)
```
#9563fd
```
#9563fd rgb(149,99,253)
```
#a263fd
```
#a263fd rgb(162,99,253)
```
#af63fd
```
#af63fd rgb(175,99,253)
```
#bc63fd
```
#bc63fd rgb(188,99,253)
```
#c963fd
```
#c963fd rgb(201,99,253)
```
#d663fd
```
#d663fd rgb(214,99,253)
```

Similar Colors

Text with hexadecimal color #af63fd

This text has a font color of #af63fd.

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

#af63fd background color

This paragraph has a background color of #af63fd.

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

#af63fd border color

This element has a border color of #af63fd.

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

CSS codes

.text {color:#af63fd;}

.background {background-color:#af63fd;}

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

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

#090012
```
#090012 rgb(9,0,18)
```
#130026
```
#130026 rgb(19,0,38)
```
#1d0139
```
#1d0139 rgb(29,1,57)
```
#26014c
```
#26014c rgb(38,1,76)
```
#300160
```
#300160 rgb(48,1,96)
```
#3a0173
```
#3a0173 rgb(58,1,115)
```
#430287
```
#430287 rgb(67,2,135)
```
#4d029a
```
#4d029a rgb(77,2,154)
```
#5702ad
```
#5702ad rgb(87,2,173)
```
#6002c1
```
#6002c1 rgb(96,2,193)
```
#6a03d4
```
#6a03d4 rgb(106,3,212)
```
#7403e7
```
#7403e7 rgb(116,3,231)
```
#7d03fb
```
#7d03fb rgb(125,3,251)
```

Shade Color Variation

#8716fc
```
#8716fc rgb(135,22,252)
```
#9129fc
```
#9129fc rgb(145,41,252)
```
#9b3cfd
```
#9b3cfd rgb(155,60,253)
```
#a550fd
```
#a550fd rgb(165,80,253)
```
#af63fd
```
#af63fd rgb(175,99,253)
```
#b976fd
```
#b976fd rgb(185,118,253)
```
#c38afd
```
#c38afd rgb(195,138,253)
```
#cd9dfe
```
#cd9dfe rgb(205,157,254)
```
#d7b0fe
```
#d7b0fe rgb(215,176,254)
```
#e1c4fe
```
#e1c4fe rgb(225,196,254)
```
#ebd7fe
```
#ebd7fe rgb(235,215,254)
```
#f5ebff
```
#f5ebff rgb(245,235,255)
```
#fefeff
```
#fefeff rgb(254,254,255)
```

Tint Color Variation

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

#b0acb4
```
#b0acb4 rgb(176,172,180)
```
#b0a6ba
```
#b0a6ba rgb(176,166,186)
```
#b0a0c0
```
#b0a0c0 rgb(176,160,192)
```
#b09ac6
```
#b09ac6 rgb(176,154,198)
```
#b094cc
```
#b094cc rgb(176,148,204)
```
#b08ed2
```
#b08ed2 rgb(176,142,210)
```
#af87d9
```
#af87d9 rgb(175,135,217)
```
#af81df
```
#af81df rgb(175,129,223)
```
#af7be5
```
#af7be5 rgb(175,123,229)
```
#af75eb
```
#af75eb rgb(175,117,235)
```
#af6ff1
```
#af6ff1 rgb(175,111,241)
```
#af69f7
```
#af69f7 rgb(175,105,247)
```
#af63fd
```
#af63fd rgb(175,99,253)
```

Tone Color Variation

Below, you can see how #af63fd 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

#8b8b8b Achromatopsia 0.005% of the population
#9283a2 Atypical Achromatopsia 0.001% of the population

Dichromacy

#478bff Protanopia 1% of men
#2d91ef Deuteranopia 1% of men
#9b8b94 Tritanopia 0.001% of the population

Trichromacy

#6d7cfe Protanomaly 1% of men, 0.01% of women
#5c80f4 Deuteranomaly 6% of men, 0.4% of women
#a27cba Tritanomaly 0.01% of the population

#af63fd hex color

#af63fd Color Information

#af63fd Color Conversion

Color Schemes with #af63fd

Alternatives to #af63fd

#af63fd Preview

Shades and Tints of #af63fd

Tones of #af63fd

Color Blindness Simulator