#af57cc hex color

In a RGB color space, hex #af57cc is composed of 68.6% red, 34.1% green and 80% blue. Whereas in a CMYK color space, it is composed of 14.2% cyan, 57.4% magenta, 0% yellow and 20% black. It has a hue angle of 285.1 degrees, a saturation of 53.4% and a lightness of 57.1%. #af57cc color hex could be obtained by blending #ffaeff with #5f0099. Closest websafe color is: #9966cc.

♥
- f
- t
- g
- R 69
- G 34
- B 80
RGB color chart
- C 14
- M 57
- Y 0
- K 20
CMYK color chart

● #af57cc color description : Moderate magenta.

The hexadecimal color #af57cc has RGB values of R:175, G:87, B:204 and CMYK values of C:0.14, M:0.57, Y:0, K:0.2. Its decimal value is 11491276.

Hex triplet	af57cc	`#af57cc`
RGB Decimal	175, 87, 204	`rgb(175,87,204)`
RGB Percent	68.6, 34.1, 80	`rgb(68.6%,34.1%,80%)`
CMYK	14, 57, 0, 20
HSL	285.1°, 53.4, 57.1	`hsl(285.1,53.4%,57.1%)`
HSV (or HSB)	285.1°, 57.4, 80
Web Safe	9966cc	`#9966cc`

CIE-LAB	52.165, 53.968, -45.854
XYZ	31.985, 20.291, 59.355
xyY	0.287, 0.182, 20.291
CIE-LCH	52.165, 70.817, 319.647
CIE-LUV	52.165, 34.497, -76.856
Hunter-Lab	45.046, 47.916, -46.592
Binary	10101111, 01010111, 11001100

#af57cc
```
#af57cc rgb(175,87,204)
```
#74cc57
```
#74cc57 rgb(116,204,87)
```

Complementary Color

#7557cc
```
#7557cc rgb(117,87,204)
```
#af57cc
```
#af57cc rgb(175,87,204)
```
#cc57af
```
#cc57af rgb(204,87,175)
```

Analogous Color

#57cc75
```
#57cc75 rgb(87,204,117)
```
#af57cc
```
#af57cc rgb(175,87,204)
```
#afcc57
```
#afcc57 rgb(175,204,87)
```

Split Complementary Color

#57ccaf
```
#57ccaf rgb(87,204,175)
```
#af57cc
```
#af57cc rgb(175,87,204)
```
#ccaf57
```
#ccaf57 rgb(204,175,87)
```

Triadic Color

#5774cc
```
#5774cc rgb(87,116,204)
```
#af57cc
```
#af57cc rgb(175,87,204)
```
#ccaf57
```
#ccaf57 rgb(204,175,87)
```
#74cc57
```
#74cc57 rgb(116,204,87)
```

Tetradic Color

#8832a5
```
#8832a5 rgb(136,50,165)
```
#9838b8
```
#9838b8 rgb(152,56,184)
```
#a643c6
```
#a643c6 rgb(166,67,198)
```
#af57cc
```
#af57cc rgb(175,87,204)
```
#b86bd2
```
#b86bd2 rgb(184,107,210)
```
#c27ed8
```
#c27ed8 rgb(194,126,216)
```
#cb92de
```
#cb92de rgb(203,146,222)
```

Monochromatic Color

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

#9257cc
```
#9257cc rgb(146,87,204)
```
#9c57cc
```
#9c57cc rgb(156,87,204)
```
#a557cc
```
#a557cc rgb(165,87,204)
```
#af57cc
```
#af57cc rgb(175,87,204)
```
#b957cc
```
#b957cc rgb(185,87,204)
```
#c357cc
```
#c357cc rgb(195,87,204)
```
#cc57cc
```
#cc57cc rgb(204,87,204)
```

Similar Colors

Text with hexadecimal color #af57cc

This text has a font color of #af57cc.

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

#af57cc background color

This paragraph has a background color of #af57cc.

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

#af57cc border color

This element has a border color of #af57cc.

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

CSS codes

.text {color:#af57cc;}

.background {background-color:#af57cc;}

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

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

#0a040d
```
#0a040d rgb(10,4,13)
```
#17081c
```
#17081c rgb(23,8,28)
```
#230d2b
```
#230d2b rgb(35,13,43)
```
#30123a
```
#30123a rgb(48,18,58)
```
#3c1649
```
#3c1649 rgb(60,22,73)
```
#491b58
```
#491b58 rgb(73,27,88)
```
#551f67
```
#551f67 rgb(85,31,103)
```
#622476
```
#622476 rgb(98,36,118)
```
#6e2885
```
#6e2885 rgb(110,40,133)
```
#7a2d94
```
#7a2d94 rgb(122,45,148)
```
#8731a3
```
#8731a3 rgb(135,49,163)
```
#9336b2
```
#9336b2 rgb(147,54,178)
```
#a03bc1
```
#a03bc1 rgb(160,59,193)
```

Shade Color Variation

#a848c7
```
#a848c7 rgb(168,72,199)
```
#af57cc
```
#af57cc rgb(175,87,204)
```
#b666d1
```
#b666d1 rgb(182,102,209)
```
#bd75d5
```
#bd75d5 rgb(189,117,213)
```
#c484da
```
#c484da rgb(196,132,218)
```
#cc93de
```
#cc93de rgb(204,147,222)
```
#d3a2e3
```
#d3a2e3 rgb(211,162,227)
```
#dab1e7
```
#dab1e7 rgb(218,177,231)
```
#e1c0ec
```
#e1c0ec rgb(225,192,236)
```
#e8cff1
```
#e8cff1 rgb(232,207,241)
```
#efdef5
```
#efdef5 rgb(239,222,245)
```
#f7edfa
```
#f7edfa rgb(247,237,250)
```
#fefdfe
```
#fefdfe rgb(254,253,254)
```

Tint Color Variation

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

#968a99
```
#968a99 rgb(150,138,153)
```
#9a81a2
```
#9a81a2 rgb(154,129,162)
```
#9e79aa
```
#9e79aa rgb(158,121,170)
```
#a270b3
```
#a270b3 rgb(162,112,179)
```
#a768bb
```
#a768bb rgb(167,104,187)
```
#ab5fc4
```
#ab5fc4 rgb(171,95,196)
```
#af57cc
```
#af57cc rgb(175,87,204)
```
#b34fd4
```
#b34fd4 rgb(179,79,212)
```
#b746dd
```
#b746dd rgb(183,70,221)
```
#bc3ee5
```
#bc3ee5 rgb(188,62,229)
```
#c035ee
```
#c035ee rgb(192,53,238)
```
#c42df6
```
#c42df6 rgb(196,45,246)
```
#c824ff
```
#c824ff rgb(200,36,255)
```

Tone Color Variation

Below, you can see how #af57cc 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
#89778e Atypical Achromatopsia 0.001% of the population

Dichromacy

#447fe8 Protanopia 1% of men
#5e83c3 Deuteranopia 1% of men
#a5767e Tritanopia 0.001% of the population

Trichromacy

#6a70de Protanomaly 1% of men, 0.01% of women
#7c73c6 Deuteranomaly 6% of men, 0.4% of women
#a96b9a Tritanomaly 0.01% of the population

#af57cc hex color

#af57cc Color Information

#af57cc Color Conversion

Color Schemes with #af57cc

Alternatives to #af57cc

#af57cc Preview

Shades and Tints of #af57cc

Tones of #af57cc

Color Blindness Simulator