#af5cc2 hex color

In a RGB color space, hex #af5cc2 is composed of 68.6% red, 36.1% green and 76.1% blue. Whereas in a CMYK color space, it is composed of 9.8% cyan, 52.6% magenta, 0% yellow and 23.9% black. It has a hue angle of 288.8 degrees, a saturation of 45.5% and a lightness of 56.1%. #af5cc2 color hex could be obtained by blending #ffb8ff with #5f0085. Closest websafe color is: #9966cc.

♥
- f
- t
- g
- R 69
- G 36
- B 76
RGB color chart
- C 10
- M 53
- Y 0
- K 24
CMYK color chart

● #af5cc2 color description : Moderate magenta.

The hexadecimal color #af5cc2 has RGB values of R:175, G:92, B:194 and CMYK values of C:0.1, M:0.53, Y:0, K:0.24. Its decimal value is 11492546.

Hex triplet	af5cc2	`#af5cc2`
RGB Decimal	175, 92, 194	`rgb(175,92,194)`
RGB Percent	68.6, 36.1, 76.1	`rgb(68.6%,36.1%,76.1%)`
CMYK	10, 53, 0, 24
HSL	288.8°, 45.5, 56.1	`hsl(288.8,45.5%,56.1%)`
HSV (or HSB)	288.8°, 52.6, 76.1
Web Safe	9966cc	`#9966cc`

CIE-LAB	52.58, 49.465, -39.459
XYZ	31.243, 20.664, 53.379
xyY	0.297, 0.196, 20.664
CIE-LCH	52.58, 63.276, 321.42
CIE-LUV	52.58, 35.156, -66.56
Hunter-Lab	45.458, 43.129, -37.8
Binary	10101111, 01011100, 11000010

#af5cc2
```
#af5cc2 rgb(175,92,194)
```
#6fc25c
```
#6fc25c rgb(111,194,92)
```

Complementary Color

#7c5cc2
```
#7c5cc2 rgb(124,92,194)
```
#af5cc2
```
#af5cc2 rgb(175,92,194)
```
#c25ca2
```
#c25ca2 rgb(194,92,162)
```

Analogous Color

#5cc27c
```
#5cc27c rgb(92,194,124)
```
#af5cc2
```
#af5cc2 rgb(175,92,194)
```
#a2c25c
```
#a2c25c rgb(162,194,92)
```

Split Complementary Color

#5cc2af
```
#5cc2af rgb(92,194,175)
```
#af5cc2
```
#af5cc2 rgb(175,92,194)
```
#c2af5c
```
#c2af5c rgb(194,175,92)
```

Triadic Color

#5c6fc2
```
#5c6fc2 rgb(92,111,194)
```
#af5cc2
```
#af5cc2 rgb(175,92,194)
```
#c2af5c
```
#c2af5c rgb(194,175,92)
```
#6fc25c
```
#6fc25c rgb(111,194,92)
```

Tetradic Color

#873998
```
#873998 rgb(135,57,152)
```
#9740ab
```
#9740ab rgb(151,64,171)
```
#a649bb
```
#a649bb rgb(166,73,187)
```
#af5cc2
```
#af5cc2 rgb(175,92,194)
```
#b86fc9
```
#b86fc9 rgb(184,111,201)
```
#c181d0
```
#c181d0 rgb(193,129,208)
```
#ca94d7
```
#ca94d7 rgb(202,148,215)
```

Monochromatic Color

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

#965cc2
```
#965cc2 rgb(150,92,194)
```
#9e5cc2
```
#9e5cc2 rgb(158,92,194)
```
#a75cc2
```
#a75cc2 rgb(167,92,194)
```
#af5cc2
```
#af5cc2 rgb(175,92,194)
```
#b85cc2
```
#b85cc2 rgb(184,92,194)
```
#c05cc2
```
#c05cc2 rgb(192,92,194)
```
#c25cbc
```
#c25cbc rgb(194,92,188)
```

Similar Colors

Text with hexadecimal color #af5cc2

This text has a font color of #af5cc2.

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

#af5cc2 background color

This paragraph has a background color of #af5cc2.

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

#af5cc2 border color

This element has a border color of #af5cc2.

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

CSS codes

.text {color:#af5cc2;}

.background {background-color:#af5cc2;}

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

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

#070308
```
#070308 rgb(7,3,8)
```
#140817
```
#140817 rgb(20,8,23)
```
#210e25
```
#210e25 rgb(33,14,37)
```
#2d1333
```
#2d1333 rgb(45,19,51)
```
#3a1841
```
#3a1841 rgb(58,24,65)
```
#461e50
```
#461e50 rgb(70,30,80)
```
#53235e
```
#53235e rgb(83,35,94)
```
#60286c
```
#60286c rgb(96,40,108)
```
#6c2e7a
```
#6c2e7a rgb(108,46,122)
```
#793389
```
#793389 rgb(121,51,137)
```
#853997
```
#853997 rgb(133,57,151)
```
#923ea5
```
#923ea5 rgb(146,62,165)
```
#9f43b4
```
#9f43b4 rgb(159,67,180)
```

Shade Color Variation

#a84ebd
```
#a84ebd rgb(168,78,189)
```
#af5cc2
```
#af5cc2 rgb(175,92,194)
```
#b66ac7
```
#b66ac7 rgb(182,106,199)
```
#bd79cd
```
#bd79cd rgb(189,121,205)
```
#c487d2
```
#c487d2 rgb(196,135,210)
```
#cb95d7
```
#cb95d7 rgb(203,149,215)
```
#d2a3dd
```
#d2a3dd rgb(210,163,221)
```
#d9b2e2
```
#d9b2e2 rgb(217,178,226)
```
#e0c0e7
```
#e0c0e7 rgb(224,192,231)
```
#e7ceed
```
#e7ceed rgb(231,206,237)
```
#eedcf2
```
#eedcf2 rgb(238,220,242)
```
#f5ebf7
```
#f5ebf7 rgb(245,235,247)
```
#fcf9fd
```
#fcf9fd rgb(252,249,253)
```

Tint Color Variation

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

#948797
```
#948797 rgb(148,135,151)
```
#997ea0
```
#997ea0 rgb(153,126,160)
```
#9f76a8
```
#9f76a8 rgb(159,118,168)
```
#a46db1
```
#a46db1 rgb(164,109,177)
```
#aa65b9
```
#aa65b9 rgb(170,101,185)
```
#af5cc2
```
#af5cc2 rgb(175,92,194)
```
#b453cb
```
#b453cb rgb(180,83,203)
```
#ba4bd3
```
#ba4bd3 rgb(186,75,211)
```
#bf42dc
```
#bf42dc rgb(191,66,220)
```
#c53ae4
```
#c53ae4 rgb(197,58,228)
```
#ca31ed
```
#ca31ed rgb(202,49,237)
```
#cf28f6
```
#cf28f6 rgb(207,40,246)
```
#d520fe
```
#d520fe rgb(213,32,254)
```

Tone Color Variation

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

#808080 Achromatopsia 0.005% of the population
#89798d Atypical Achromatopsia 0.001% of the population

Dichromacy

#5781db Protanopia 1% of men
#6a83bb Deuteranopia 1% of men
#a7777f Tritanopia 0.001% of the population

Trichromacy

#7773d2 Protanomaly 1% of men, 0.01% of women
#8375bd Deuteranomaly 6% of men, 0.4% of women
#aa6d97 Tritanomaly 0.01% of the population

#af5cc2 hex color

#af5cc2 Color Information

#af5cc2 Color Conversion

Color Schemes with #af5cc2

Alternatives to #af5cc2

#af5cc2 Preview

Shades and Tints of #af5cc2

Tones of #af5cc2

Color Blindness Simulator