colorhexa.com

#af1dc2 hex color

In a RGB color space, hex #af1dc2 is composed of 68.6% red, 11.4% green and 76.1% blue. Whereas in a CMYK color space, it is composed of 9.8% cyan, 85.1% magenta, 0% yellow and 23.9% black. It has a hue angle of 293.1 degrees, a saturation of 74% and a lightness of 43.7%. #af1dc2 color hex could be obtained by blending #ff3aff with #5f0085. Closest websafe color is: #9933cc.

- R 69
- G 11
- B 76
RGB color chart
- C 10
- M 85
- Y 0
- K 24
CMYK color chart

● #af1dc2 color description : Strong magenta.

The hexadecimal color #af1dc2 has RGB values of R:175, G:29, B:194 and CMYK values of C:0.1, M:0.85, Y:0, K:0.24. Its decimal value is 11476418.

Hex triplet	af1dc2	`#af1dc2`
RGB Decimal	175, 29, 194	`rgb(175,29,194)`
RGB Percent	68.6, 11.4, 76.1	`rgb(68.6%,11.4%,76.1%)`
CMYK	10, 85, 0, 24
HSL	293.1°, 74, 43.7	`hsl(293.1,74%,43.7%)`
HSV (or HSB)	293.1°, 85.1, 76.1
Web Safe	9933cc	`#9933cc`

CIE-LAB	44.074, 73.18, -53.005
XYZ	27.855, 13.889, 52.25
xyY	0.296, 0.148, 13.889
CIE-LCH	44.074, 90.359, 324.084
CIE-LUV	44.074, 49.111, -86.067
Hunter-Lab	37.268, 68.195, -57.036
Binary	10101111, 00011101, 11000010

#af1dc2
```
#af1dc2 rgb(175,29,194)
```
#30c21d
```
#30c21d rgb(48,194,29)
```

Complementary Color

#5d1dc2
```
#5d1dc2 rgb(93,29,194)
```
#af1dc2
```
#af1dc2 rgb(175,29,194)
```
#c21d83
```
#c21d83 rgb(194,29,131)
```

Analogous Color

#1dc25d
```
#1dc25d rgb(29,194,93)
```
#af1dc2
```
#af1dc2 rgb(175,29,194)
```
#83c21d
```
#83c21d rgb(131,194,29)
```

Split Complementary Color

#1dc2af
```
#1dc2af rgb(29,194,175)
```
#af1dc2
```
#af1dc2 rgb(175,29,194)
```
#c2af1d
```
#c2af1d rgb(194,175,29)
```

Triadic Color

#1d30c2
```
#1d30c2 rgb(29,48,194)
```
#af1dc2
```
#af1dc2 rgb(175,29,194)
```
#c2af1d
```
#c2af1d rgb(194,175,29)
```
#30c21d
```
#30c21d rgb(48,194,29)
```

Tetradic Color

#73137f
```
#73137f rgb(115,19,127)
```
#871696
```
#871696 rgb(135,22,150)
```
#9b1aac
```
#9b1aac rgb(155,26,172)
```
#af1dc2
```
#af1dc2 rgb(175,29,194)
```
#c320d8
```
#c320d8 rgb(195,32,216)
```
#cc32e0
```
#cc32e0 rgb(204,50,224)
```
#d248e4
```
#d248e4 rgb(210,72,228)
```

Monochromatic Color

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

#861dc2
```
#861dc2 rgb(134,29,194)
```
#941dc2
```
#941dc2 rgb(148,29,194)
```
#a11dc2
```
#a11dc2 rgb(161,29,194)
```
#af1dc2
```
#af1dc2 rgb(175,29,194)
```
#bd1dc2
```
#bd1dc2 rgb(189,29,194)
```
#c21dba
```
#c21dba rgb(194,29,186)
```
#c21dac
```
#c21dac rgb(194,29,172)
```

Similar Colors

Text with hexadecimal color #af1dc2

This text has a font color of #af1dc2.

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

#af1dc2 background color

This paragraph has a background color of #af1dc2.

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

#af1dc2 border color

This element has a border color of #af1dc2.

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

CSS codes

.text {color:#af1dc2;}

.background {background-color:#af1dc2;}

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

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

#060106
```
#060106 rgb(6,1,6)
```
#150317
```
#150317 rgb(21,3,23)
```
#240628
```
#240628 rgb(36,6,40)
```
#340939
```
#340939 rgb(52,9,57)
```
#430b4b
```
#430b4b rgb(67,11,75)
```
#530e5c
```
#530e5c rgb(83,14,92)
```
#62106d
```
#62106d rgb(98,16,109)
```
#71137e
```
#71137e rgb(113,19,126)
```
#81158f
```
#81158f rgb(129,21,143)
```
#9018a0
```
#9018a0 rgb(144,24,160)
```
#a01ab1
```
#a01ab1 rgb(160,26,177)
```
#af1dc2
```
#af1dc2 rgb(175,29,194)
```
#be20d3
```
#be20d3 rgb(190,32,211)
```

Shade Color Variation

#ca27df
```
#ca27df rgb(202,39,223)
```
#ce39e1
```
#ce39e1 rgb(206,57,225)
```
#d24ae4
```
#d24ae4 rgb(210,74,228)
```
#d65be6
```
#d65be6 rgb(214,91,230)
```
#db6ce9
```
#db6ce9 rgb(219,108,233)
```
#df7dec
```
#df7dec rgb(223,125,236)
```
#e38eee
```
#e38eee rgb(227,142,238)
```
#e79ff1
```
#e79ff1 rgb(231,159,241)
```
#ebb0f3
```
#ebb0f3 rgb(235,176,243)
```
#f0c1f6
```
#f0c1f6 rgb(240,193,246)
```
#f4d2f8
```
#f4d2f8 rgb(244,210,248)
```
#f8e3fb
```
#f8e3fb rgb(248,227,251)
```
#fcf4fd
```
#fcf4fd rgb(252,244,253)
```

Tint Color Variation

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

#746a75
```
#746a75 rgb(116,106,117)
```
#7a627d
```
#7a627d rgb(122,98,125)
```
#815986
```
#815986 rgb(129,89,134)
```
#87508f
```
#87508f rgb(135,80,143)
```
#8e4897
```
#8e4897 rgb(142,72,151)
```
#953fa0
```
#953fa0 rgb(149,63,160)
```
#9b37a8
```
#9b37a8 rgb(155,55,168)
```
#a22eb1
```
#a22eb1 rgb(162,46,177)
```
#a826b9
```
#a826b9 rgb(168,38,185)
```
#af1dc2
```
#af1dc2 rgb(175,29,194)
```
#b614cb
```
#b614cb rgb(182,20,203)
```
#bc0cd3
```
#bc0cd3 rgb(188,12,211)
```
#c303dc
```
#c303dc rgb(195,3,220)
```

Tone Color Variation

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

#5b5b5b Achromatopsia 0.005% of the population
#6c4f70 Atypical Achromatopsia 0.001% of the population

Dichromacy

#006cd4 Protanopia 1% of men
#3a70b3 Deuteranopia 1% of men
#a4595f Tritanopia 0.001% of the population

Trichromacy

#3f4fcd Protanomaly 1% of men, 0.01% of women
#6552b8 Deuteranomaly 6% of men, 0.4% of women
#a84383 Tritanomaly 0.01% of the population