#af63fb hex color

In a RGB color space, hex #af63fb is composed of 68.6% red, 38.8% green and 98.4% blue. Whereas in a CMYK color space, it is composed of 30.3% cyan, 60.6% magenta, 0% yellow and 1.6% black. It has a hue angle of 270 degrees, a saturation of 95% and a lightness of 68.6%. #af63fb color hex could be obtained by blending #ffc6ff with #5f00f7. Closest websafe color is: #9966ff.

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

● #af63fb color description : Soft violet.

The hexadecimal color #af63fb has RGB values of R:175, G:99, B:251 and CMYK values of C:0.3, M:0.61, Y:0, K:0.02. Its decimal value is 11494395.

Hex triplet	af63fb	`#af63fb`
RGB Decimal	175, 99, 251	`rgb(175,99,251)`
RGB Percent	68.6, 38.8, 98.4	`rgb(68.6%,38.8%,98.4%)`
CMYK	30, 61, 0, 2
HSL	270°, 95, 68.6	`hsl(270,95%,68.6%)`
HSV (or HSB)	270°, 60.6, 98.4
Web Safe	9966ff	`#9966ff`

CIE-LAB	57.079, 58.293, -64.443
XYZ	39.551, 25.003, 94.004
xyY	0.249, 0.158, 25.003
CIE-LCH	57.079, 86.896, 312.132
CIE-LUV	57.079, 21.715, -107.818
Hunter-Lab	50.003, 53.682, -76.461
Binary	10101111, 01100011, 11111011

#af63fb
```
#af63fb rgb(175,99,251)
```
#affb63
```
#affb63 rgb(175,251,99)
```

Complementary Color

#6363fb
```
#6363fb rgb(99,99,251)
```
#af63fb
```
#af63fb rgb(175,99,251)
```
#fb63fb
```
#fb63fb rgb(251,99,251)
```

Analogous Color

#63fb63
```
#63fb63 rgb(99,251,99)
```
#af63fb
```
#af63fb rgb(175,99,251)
```
#fbfb63
```
#fbfb63 rgb(251,251,99)
```

Split Complementary Color

#63fbaf
```
#63fbaf rgb(99,251,175)
```
#af63fb
```
#af63fb rgb(175,99,251)
```
#fbaf63
```
#fbaf63 rgb(251,175,99)
```

Triadic Color

#63affb
```
#63affb rgb(99,175,251)
```
#af63fb
```
#af63fb rgb(175,99,251)
```
#fbaf63
```
#fbaf63 rgb(251,175,99)
```
#affb63
```
#affb63 rgb(175,251,99)
```

Tetradic Color

#8918f9
```
#8918f9 rgb(137,24,249)
```
#9631fa
```
#9631fa rgb(150,49,250)
```
#a24afa
```
#a24afa rgb(162,74,250)
```
#af63fb
```
#af63fb rgb(175,99,251)
```
#bc7cfc
```
#bc7cfc rgb(188,124,252)
```
#c995fc
```
#c995fc rgb(201,149,252)
```
#d5aefd
```
#d5aefd rgb(213,174,253)
```

Monochromatic Color

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

#8963fb
```
#8963fb rgb(137,99,251)
```
#9663fb
```
#9663fb rgb(150,99,251)
```
#a263fb
```
#a263fb rgb(162,99,251)
```
#af63fb
```
#af63fb rgb(175,99,251)
```
#bc63fb
```
#bc63fb rgb(188,99,251)
```
#c863fb
```
#c863fb rgb(200,99,251)
```
#d563fb
```
#d563fb rgb(213,99,251)
```

Similar Colors

Text with hexadecimal color #af63fb

This text has a font color of #af63fb.

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

#af63fb background color

This paragraph has a background color of #af63fb.

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

#af63fb border color

This element has a border color of #af63fb.

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

CSS codes

.text {color:#af63fb;}

.background {background-color:#af63fb;}

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

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

#080010
```
#080010 rgb(8,0,16)
```
#120123
```
#120123 rgb(18,1,35)
```
#1c0136
```
#1c0136 rgb(28,1,54)
```
#26024a
```
#26024a rgb(38,2,74)
```
#2f025d
```
#2f025d rgb(47,2,93)
```
#390370
```
#390370 rgb(57,3,112)
```
#430383
```
#430383 rgb(67,3,131)
```
#4d0496
```
#4d0496 rgb(77,4,150)
```
#5704a9
```
#5704a9 rgb(87,4,169)
```
#6105bc
```
#6105bc rgb(97,5,188)
```
#6a05cf
```
#6a05cf rgb(106,5,207)
```
#7406e3
```
#7406e3 rgb(116,6,227)
```
#7e06f6
```
#7e06f6 rgb(126,6,246)
```

Shade Color Variation

#8817f9
```
#8817f9 rgb(136,23,249)
```
#922afa
```
#922afa rgb(146,42,250)
```
#9b3dfa
```
#9b3dfa rgb(155,61,250)
```
#a550fb
```
#a550fb rgb(165,80,251)
```
#af63fb
```
#af63fb rgb(175,99,251)
```
#b976fb
```
#b976fb rgb(185,118,251)
```
#c389fc
```
#c389fc rgb(195,137,252)
```
#cc9cfc
```
#cc9cfc rgb(204,156,252)
```
#d6b0fd
```
#d6b0fd rgb(214,176,253)
```
#e0c3fd
```
#e0c3fd rgb(224,195,253)
```
#ead6fe
```
#ead6fe rgb(234,214,254)
```
#f4e9fe
```
#f4e9fe rgb(244,233,254)
```
#fdfcff
```
#fdfcff rgb(253,252,255)
```

Tint Color Variation

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

#afadb1
```
#afadb1 rgb(175,173,177)
```
#afa7b7
```
#afa7b7 rgb(175,167,183)
```
#afa1bd
```
#afa1bd rgb(175,161,189)
```
#af9ac4
```
#af9ac4 rgb(175,154,196)
```
#af94ca
```
#af94ca rgb(175,148,202)
```
#af8ed0
```
#af8ed0 rgb(175,142,208)
```
#af88d6
```
#af88d6 rgb(175,136,214)
```
#af82dc
```
#af82dc rgb(175,130,220)
```
#af7ce2
```
#af7ce2 rgb(175,124,226)
```
#af75e9
```
#af75e9 rgb(175,117,233)
```
#af6fef
```
#af6fef rgb(175,111,239)
```
#af69f5
```
#af69f5 rgb(175,105,245)
```
#af63fb
```
#af63fb rgb(175,99,251)
```

Tone Color Variation

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

Dichromacy

#468bff Protanopia 1% of men
#3390ed Deuteranopia 1% of men
#9b8a94 Tritanopia 0.001% of the population

Trichromacy

#6c7cfd Protanomaly 1% of men, 0.01% of women
#6080f2 Deuteranomaly 6% of men, 0.4% of women
#a27cb9 Tritanomaly 0.01% of the population

#af63fb hex color

#af63fb Color Information

#af63fb Color Conversion

Color Schemes with #af63fb

Alternatives to #af63fb

#af63fb Preview

Shades and Tints of #af63fb

Tones of #af63fb

Color Blindness Simulator