#af56d0 hex color

In a RGB color space, hex #af56d0 is composed of 68.6% red, 33.7% green and 81.6% blue. Whereas in a CMYK color space, it is composed of 15.9% cyan, 58.7% magenta, 0% yellow and 18.4% black. It has a hue angle of 283.8 degrees, a saturation of 56.5% and a lightness of 57.6%. #af56d0 color hex could be obtained by blending #ffacff with #5f00a1. Closest websafe color is: #9966cc.

♥
- f
- t
- g
- R 69
- G 34
- B 82
RGB color chart
- C 16
- M 59
- Y 0
- K 18
CMYK color chart

● #af56d0 color description : Moderate violet.

The hexadecimal color #af56d0 has RGB values of R:175, G:86, B:208 and CMYK values of C:0.16, M:0.59, Y:0, K:0.18. Its decimal value is 11491024.

Hex triplet	af56d0	`#af56d0`
RGB Decimal	175, 86, 208	`rgb(175,86,208)`
RGB Percent	68.6, 33.7, 81.6	`rgb(68.6%,33.7%,81.6%)`
CMYK	16, 59, 0, 18
HSL	283.8°, 56.5, 57.6	`hsl(283.8,56.5%,57.6%)`
HSV (or HSB)	283.8°, 58.7, 81.6
Web Safe	9966cc	`#9966cc`

CIE-LAB	52.202, 55.27, -48.08
XYZ	32.391, 20.325, 61.888
xyY	0.283, 0.177, 20.325
CIE-LCH	52.202, 73.256, 318.979
CIE-LUV	52.202, 33.881, -80.438
Hunter-Lab	45.083, 49.352, -49.833
Binary	10101111, 01010110, 11010000

#af56d0
```
#af56d0 rgb(175,86,208)
```
#77d056
```
#77d056 rgb(119,208,86)
```

Complementary Color

#7256d0
```
#7256d0 rgb(114,86,208)
```
#af56d0
```
#af56d0 rgb(175,86,208)
```
#d056b4
```
#d056b4 rgb(208,86,180)
```

Analogous Color

#56d072
```
#56d072 rgb(86,208,114)
```
#af56d0
```
#af56d0 rgb(175,86,208)
```
#b4d056
```
#b4d056 rgb(180,208,86)
```

Split Complementary Color

#56d0af
```
#56d0af rgb(86,208,175)
```
#af56d0
```
#af56d0 rgb(175,86,208)
```
#d0af56
```
#d0af56 rgb(208,175,86)
```

Triadic Color

#5677d0
```
#5677d0 rgb(86,119,208)
```
#af56d0
```
#af56d0 rgb(175,86,208)
```
#d0af56
```
#d0af56 rgb(208,175,86)
```
#77d056
```
#77d056 rgb(119,208,86)
```

Tetradic Color

#892faa
```
#892faa rgb(137,47,170)
```
#9935be
```
#9935be rgb(153,53,190)
```
#a642ca
```
#a642ca rgb(166,66,202)
```
#af56d0
```
#af56d0 rgb(175,86,208)
```
#b86ad6
```
#b86ad6 rgb(184,106,214)
```
#c27edb
```
#c27edb rgb(194,126,219)
```
#cb92e1
```
#cb92e1 rgb(203,146,225)
```

Monochromatic Color

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

#9156d0
```
#9156d0 rgb(145,86,208)
```
#9b56d0
```
#9b56d0 rgb(155,86,208)
```
#a556d0
```
#a556d0 rgb(165,86,208)
```
#af56d0
```
#af56d0 rgb(175,86,208)
```
#b956d0
```
#b956d0 rgb(185,86,208)
```
#c356d0
```
#c356d0 rgb(195,86,208)
```
#ce56d0
```
#ce56d0 rgb(206,86,208)
```

Similar Colors

Text with hexadecimal color #af56d0

This text has a font color of #af56d0.

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

#af56d0 background color

This paragraph has a background color of #af56d0.

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

#af56d0 border color

This element has a border color of #af56d0.

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

CSS codes

.text {color:#af56d0;}

.background {background-color:#af56d0;}

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

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

#0c040f
```
#0c040f rgb(12,4,15)
```
#19081f
```
#19081f rgb(25,8,31)
```
#250d2e
```
#250d2e rgb(37,13,46)
```
#31113d
```
#31113d rgb(49,17,61)
```
#3e154d
```
#3e154d rgb(62,21,77)
```
#4a1a5c
```
#4a1a5c rgb(74,26,92)
```
#561e6b
```
#561e6b rgb(86,30,107)
```
#63227b
```
#63227b rgb(99,34,123)
```
#6f268a
```
#6f268a rgb(111,38,138)
```
#7b2b99
```
#7b2b99 rgb(123,43,153)
```
#882fa9
```
#882fa9 rgb(136,47,169)
```
#9433b8
```
#9433b8 rgb(148,51,184)
```
#a037c7
```
#a037c7 rgb(160,55,199)
```

Shade Color Variation

#a847cc
```
#a847cc rgb(168,71,204)
```
#af56d0
```
#af56d0 rgb(175,86,208)
```
#b665d4
```
#b665d4 rgb(182,101,212)
```
#be75d9
```
#be75d9 rgb(190,117,217)
```
#c584dd
```
#c584dd rgb(197,132,221)
```
#cc93e1
```
#cc93e1 rgb(204,147,225)
```
#d3a3e5
```
#d3a3e5 rgb(211,163,229)
```
#dbb2ea
```
#dbb2ea rgb(219,178,234)
```
#e2c1ee
```
#e2c1ee rgb(226,193,238)
```
#e9d1f2
```
#e9d1f2 rgb(233,209,242)
```
#f0e0f6
```
#f0e0f6 rgb(240,224,246)
```
#f8effb
```
#f8effb rgb(248,239,251)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Tint Color Variation

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

#949096
```
#949096 rgb(148,144,150)
```
#98889e
```
#98889e rgb(152,136,158)
```
#9c80a6
```
#9c80a6 rgb(156,128,166)
```
#a077af
```
#a077af rgb(160,119,175)
```
#a46fb7
```
#a46fb7 rgb(164,111,183)
```
#a767bf
```
#a767bf rgb(167,103,191)
```
#ab5ec8
```
#ab5ec8 rgb(171,94,200)
```
#af56d0
```
#af56d0 rgb(175,86,208)
```
#b34ed8
```
#b34ed8 rgb(179,78,216)
```
#b745e1
```
#b745e1 rgb(183,69,225)
```
#ba3de9
```
#ba3de9 rgb(186,61,233)
```
#be35f1
```
#be35f1 rgb(190,53,241)
```
#c22cfa
```
#c22cfa rgb(194,44,250)
```

Tone Color Variation

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

#7f7f7f Achromatopsia 0.005% of the population
#89778f Atypical Achromatopsia 0.001% of the population

Dichromacy

#3b7fed Protanopia 1% of men
#5a83c6 Deuteranopia 1% of men
#a4777f Tritanopia 0.001% of the population

Trichromacy

#6570e2 Protanomaly 1% of men, 0.01% of women
#7972ca Deuteranomaly 6% of men, 0.4% of women
#a86b9c Tritanomaly 0.01% of the population

#af56d0 hex color

#af56d0 Color Information

#af56d0 Color Conversion

Color Schemes with #af56d0

Alternatives to #af56d0

#af56d0 Preview

Shades and Tints of #af56d0

Tones of #af56d0

Color Blindness Simulator