#af52d4 hex color

In a RGB color space, hex #af52d4 is composed of 68.6% red, 32.2% green and 83.1% blue. Whereas in a CMYK color space, it is composed of 17.5% cyan, 61.3% magenta, 0% yellow and 16.9% black. It has a hue angle of 282.9 degrees, a saturation of 60.2% and a lightness of 57.6%. #af52d4 color hex could be obtained by blending #ffa4ff with #5f00a9. Closest websafe color is: #9966cc.

♥
- f
- t
- g
- R 69
- G 32
- B 83
RGB color chart
- C 17
- M 61
- Y 0
- K 17
CMYK color chart

● #af52d4 color description : Moderate violet.

The hexadecimal color #af52d4 has RGB values of R:175, G:82, B:212 and CMYK values of C:0.17, M:0.61, Y:0, K:0.17. Its decimal value is 11490004.

Hex triplet	af52d4	`#af52d4`
RGB Decimal	175, 82, 212	`rgb(175,82,212)`
RGB Percent	68.6, 32.2, 83.1	`rgb(68.6%,32.2%,83.1%)`
CMYK	17, 61, 0, 17
HSL	282.9°, 60.2, 57.6	`hsl(282.9,60.2%,57.6%)`
HSV (or HSB)	282.9°, 61.3, 83.1
Web Safe	9966cc	`#9966cc`

CIE-LAB	51.727, 57.991, -51.119
XYZ	32.579, 19.903, 64.409
xyY	0.279, 0.17, 19.903
CIE-LCH	51.727, 77.305, 318.604
CIE-LUV	51.727, 34.083, -85.213
Hunter-Lab	44.613, 52.277, -54.37
Binary	10101111, 01010010, 11010100

#af52d4
```
#af52d4 rgb(175,82,212)
```
#77d452
```
#77d452 rgb(119,212,82)
```

Complementary Color

#6e52d4
```
#6e52d4 rgb(110,82,212)
```
#af52d4
```
#af52d4 rgb(175,82,212)
```
#d452b8
```
#d452b8 rgb(212,82,184)
```

Analogous Color

#52d46e
```
#52d46e rgb(82,212,110)
```
#af52d4
```
#af52d4 rgb(175,82,212)
```
#b8d452
```
#b8d452 rgb(184,212,82)
```

Split Complementary Color

#52d4af
```
#52d4af rgb(82,212,175)
```
#af52d4
```
#af52d4 rgb(175,82,212)
```
#d4af52
```
#d4af52 rgb(212,175,82)
```

Triadic Color

#5277d4
```
#5277d4 rgb(82,119,212)
```
#af52d4
```
#af52d4 rgb(175,82,212)
```
#d4af52
```
#d4af52 rgb(212,175,82)
```
#77d452
```
#77d452 rgb(119,212,82)
```

Tetradic Color

#892bae
```
#892bae rgb(137,43,174)
```
#9930c3
```
#9930c3 rgb(153,48,195)
```
#a63ecf
```
#a63ecf rgb(166,62,207)
```
#af52d4
```
#af52d4 rgb(175,82,212)
```
#b866d9
```
#b866d9 rgb(184,102,217)
```
#c27bde
```
#c27bde rgb(194,123,222)
```
#cb8fe3
```
#cb8fe3 rgb(203,143,227)
```

Monochromatic Color

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

#8f52d4
```
#8f52d4 rgb(143,82,212)
```
#9952d4
```
#9952d4 rgb(153,82,212)
```
#a452d4
```
#a452d4 rgb(164,82,212)
```
#af52d4
```
#af52d4 rgb(175,82,212)
```
#ba52d4
```
#ba52d4 rgb(186,82,212)
```
#c552d4
```
#c552d4 rgb(197,82,212)
```
#d052d4
```
#d052d4 rgb(208,82,212)
```

Similar Colors

Text with hexadecimal color #af52d4

This text has a font color of #af52d4.

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

#af52d4 background color

This paragraph has a background color of #af52d4.

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

#af52d4 border color

This element has a border color of #af52d4.

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

CSS codes

.text {color:#af52d4;}

.background {background-color:#af52d4;}

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

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

#0c0410
```
#0c0410 rgb(12,4,16)
```
#19081f
```
#19081f rgb(25,8,31)
```
#250c2f
```
#250c2f rgb(37,12,47)
```
#31103f
```
#31103f rgb(49,16,63)
```
#3e134e
```
#3e134e rgb(62,19,78)
```
#4a175e
```
#4a175e rgb(74,23,94)
```
#561b6e
```
#561b6e rgb(86,27,110)
```
#631f7d
```
#631f7d rgb(99,31,125)
```
#6f238d
```
#6f238d rgb(111,35,141)
```
#7b279d
```
#7b279d rgb(123,39,157)
```
#882bad
```
#882bad rgb(136,43,173)
```
#942fbc
```
#942fbc rgb(148,47,188)
```
#a033cc
```
#a033cc rgb(160,51,204)
```

Shade Color Variation

#a842d0
```
#a842d0 rgb(168,66,208)
```
#af52d4
```
#af52d4 rgb(175,82,212)
```
#b662d8
```
#b662d8 rgb(182,98,216)
```
#be71dc
```
#be71dc rgb(190,113,220)
```
#c581e0
```
#c581e0 rgb(197,129,224)
```
#cc91e4
```
#cc91e4 rgb(204,145,228)
```
#d3a1e8
```
#d3a1e8 rgb(211,161,232)
```
#dbb0eb
```
#dbb0eb rgb(219,176,235)
```
#e2c0ef
```
#e2c0ef rgb(226,192,239)
```
#e9d0f3
```
#e9d0f3 rgb(233,208,243)
```
#f0dff7
```
#f0dff7 rgb(240,223,247)
```
#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, #968c9a is the less saturated color, while #c128fe is the most saturated one.

#968c9a
```
#968c9a rgb(150,140,154)
```
#9a84a2
```
#9a84a2 rgb(154,132,162)
```
#9d7caa
```
#9d7caa rgb(157,124,170)
```
#a173b3
```
#a173b3 rgb(161,115,179)
```
#a46bbb
```
#a46bbb rgb(164,107,187)
```
#a863c3
```
#a863c3 rgb(168,99,195)
```
#ab5acc
```
#ab5acc rgb(171,90,204)
```
#af52d4
```
#af52d4 rgb(175,82,212)
```
#b34adc
```
#b34adc rgb(179,74,220)
```
#b641e5
```
#b641e5 rgb(182,65,229)
```
#ba39ed
```
#ba39ed rgb(186,57,237)
```
#bd31f5
```
#bd31f5 rgb(189,49,245)
```
#c128fe
```
#c128fe rgb(193,40,254)
```

Tone Color Variation

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

#7d7d7d Achromatopsia 0.005% of the population
#87748e Atypical Achromatopsia 0.001% of the population

Dichromacy

#247ef3 Protanopia 1% of men
#5282c9 Deuteranopia 1% of men
#a3757e Tritanopia 0.001% of the population

Trichromacy

#576ee8 Protanomaly 1% of men, 0.01% of women
#7470cd Deuteranomaly 6% of men, 0.4% of women
#a7689d Tritanomaly 0.01% of the population

#af52d4 hex color

#af52d4 Color Information

#af52d4 Color Conversion

Color Schemes with #af52d4

Alternatives to #af52d4

#af52d4 Preview

Shades and Tints of #af52d4

Tones of #af52d4

Color Blindness Simulator