#af56fc hex color

In a RGB color space, hex #af56fc is composed of 68.6% red, 33.7% green and 98.8% blue. Whereas in a CMYK color space, it is composed of 30.6% cyan, 65.9% magenta, 0% yellow and 1.2% black. It has a hue angle of 272.2 degrees, a saturation of 96.5% and a lightness of 66.3%. #af56fc color hex could be obtained by blending #ffacff with #5f00f9. Closest websafe color is: #9966ff.

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

● #af56fc color description : Soft violet.

The hexadecimal color #af56fc has RGB values of R:175, G:86, B:252 and CMYK values of C:0.31, M:0.66, Y:0, K:0.01. Its decimal value is 11491068.

Hex triplet	af56fc	`#af56fc`
RGB Decimal	175, 86, 252	`rgb(175,86,252)`
RGB Percent	68.6, 33.7, 98.8	`rgb(68.6%,33.7%,98.8%)`
CMYK	31, 66, 0, 1
HSL	272.2°, 96.5, 66.3	`hsl(272.2,96.5%,66.3%)`
HSV (or HSB)	272.2°, 65.9, 98.8
Web Safe	9966ff	`#9966ff`

CIE-LAB	54.864, 64.742, -68.567
XYZ	38.575, 22.798, 94.458
xyY	0.248, 0.146, 22.798
CIE-LCH	54.864, 94.303, 313.357
CIE-LUV	54.864, 24.653, -113.609
Hunter-Lab	47.748, 60.65, -83.869
Binary	10101111, 01010110, 11111100

#af56fc
```
#af56fc rgb(175,86,252)
```
#a3fc56
```
#a3fc56 rgb(163,252,86)
```

Complementary Color

#5c56fc
```
#5c56fc rgb(92,86,252)
```
#af56fc
```
#af56fc rgb(175,86,252)
```
#fc56f6
```
#fc56f6 rgb(252,86,246)
```

Analogous Color

#56fc5c
```
#56fc5c rgb(86,252,92)
```
#af56fc
```
#af56fc rgb(175,86,252)
```
#f6fc56
```
#f6fc56 rgb(246,252,86)
```

Split Complementary Color

#56fcaf
```
#56fcaf rgb(86,252,175)
```
#af56fc
```
#af56fc rgb(175,86,252)
```
#fcaf56
```
#fcaf56 rgb(252,175,86)
```

Triadic Color

#56a3fc
```
#56a3fc rgb(86,163,252)
```
#af56fc
```
#af56fc rgb(175,86,252)
```
#fcaf56
```
#fcaf56 rgb(252,175,86)
```
#a3fc56
```
#a3fc56 rgb(163,252,86)
```

Tetradic Color

#8b0bfb
```
#8b0bfb rgb(139,11,251)
```
#9724fb
```
#9724fb rgb(151,36,251)
```
#a33dfc
```
#a33dfc rgb(163,61,252)
```
#af56fc
```
#af56fc rgb(175,86,252)
```
#bb6ffc
```
#bb6ffc rgb(187,111,252)
```
#c788fd
```
#c788fd rgb(199,136,253)
```
#d3a1fd
```
#d3a1fd rgb(211,161,253)
```

Monochromatic Color

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

#8656fc
```
#8656fc rgb(134,86,252)
```
#9356fc
```
#9356fc rgb(147,86,252)
```
#a156fc
```
#a156fc rgb(161,86,252)
```
#af56fc
```
#af56fc rgb(175,86,252)
```
#bd56fc
```
#bd56fc rgb(189,86,252)
```
#cb56fc
```
#cb56fc rgb(203,86,252)
```
#d956fc
```
#d956fc rgb(217,86,252)
```

Similar Colors

Text with hexadecimal color #af56fc

This text has a font color of #af56fc.

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

#af56fc background color

This paragraph has a background color of #af56fc.

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

#af56fc border color

This element has a border color of #af56fc.

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

CSS codes

.text {color:#af56fc;}

.background {background-color:#af56fc;}

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

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

#020004
```
#020004 rgb(2,0,4)
```
#0d0018
```
#0d0018 rgb(13,0,24)
```
#17012b
```
#17012b rgb(23,1,43)
```
#22013e
```
#22013e rgb(34,1,62)
```
#2c0152
```
#2c0152 rgb(44,1,82)
```
#370265
```
#370265 rgb(55,2,101)
```
#410278
```
#410278 rgb(65,2,120)
```
#4c028b
```
#4c028b rgb(76,2,139)
```
#56039f
```
#56039f rgb(86,3,159)
```
#6103b2
```
#6103b2 rgb(97,3,178)
```
#6b04c5
```
#6b04c5 rgb(107,4,197)
```
#7604d8
```
#7604d8 rgb(118,4,216)
```
#8004ec
```
#8004ec rgb(128,4,236)
```

Shade Color Variation

#8b09fb
```
#8b09fb rgb(139,9,251)
```
#941cfb
```
#941cfb rgb(148,28,251)
```
#9d2ffb
```
#9d2ffb rgb(157,47,251)
```
#a643fc
```
#a643fc rgb(166,67,252)
```
#af56fc
```
#af56fc rgb(175,86,252)
```
#b869fc
```
#b869fc rgb(184,105,252)
```
#c17dfd
```
#c17dfd rgb(193,125,253)
```
#ca90fd
```
#ca90fd rgb(202,144,253)
```
#d3a3fd
```
#d3a3fd rgb(211,163,253)
```
#ddb6fe
```
#ddb6fe rgb(221,182,254)
```
#e6cafe
```
#e6cafe rgb(230,202,254)
```
#efddfe
```
#efddfe rgb(239,221,254)
```
#f8f0ff
```
#f8f0ff rgb(248,240,255)
```

Tint Color Variation

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

#a9a5ad
```
#a9a5ad rgb(169,165,173)
```
#aa9fb3
```
#aa9fb3 rgb(170,159,179)
```
#aa98ba
```
#aa98ba rgb(170,152,186)
```
#ab92c0
```
#ab92c0 rgb(171,146,192)
```
#ab8bc7
```
#ab8bc7 rgb(171,139,199)
```
#ac84ce
```
#ac84ce rgb(172,132,206)
```
#ac7ed4
```
#ac7ed4 rgb(172,126,212)
```
#ad77db
```
#ad77db rgb(173,119,219)
```
#ad70e2
```
#ad70e2 rgb(173,112,226)
```
#ae6ae8
```
#ae6ae8 rgb(174,106,232)
```
#ae63ef
```
#ae63ef rgb(174,99,239)
```
#af5df5
```
#af5df5 rgb(175,93,245)
```
#af56fc
```
#af56fc rgb(175,86,252)
```

Tone Color Variation

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

#848484 Achromatopsia 0.005% of the population
#8d7b9c Atypical Achromatopsia 0.001% of the population

Dichromacy

#2e85ff Protanopia 1% of men
#008ce9 Deuteranopia 1% of men
#9a838d Tritanopia 0.001% of the population

Trichromacy

#5d74fd Protanomaly 1% of men, 0.01% of women
#3f78ef Deuteranomaly 6% of men, 0.4% of women
#a173b5 Tritanomaly 0.01% of the population

#af56fc hex color

#af56fc Color Information

#af56fc Color Conversion

Color Schemes with #af56fc

Alternatives to #af56fc

#af56fc Preview

Shades and Tints of #af56fc

Tones of #af56fc

Color Blindness Simulator