#af2ca4 hex color

In a RGB color space, hex #af2ca4 is composed of 68.6% red, 17.3% green and 64.3% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 74.9% magenta, 6.3% yellow and 31.4% black. It has a hue angle of 305 degrees, a saturation of 59.8% and a lightness of 42.9%. #af2ca4 color hex could be obtained by blending #ff58ff with #5f0049. Closest websafe color is: #993399.

♥
- f
- t
- g
- R 69
- G 17
- B 64
RGB color chart
- C 0
- M 75
- Y 6
- K 31
CMYK color chart

● #af2ca4 color description : Dark magenta.

The hexadecimal color #af2ca4 has RGB values of R:175, G:44, B:164 and CMYK values of C:0, M:0.75, Y:0.06, K:0.31. Its decimal value is 11480228.

Hex triplet	af2ca4	`#af2ca4`
RGB Decimal	175, 44, 164	`rgb(175,44,164)`
RGB Percent	68.6, 17.3, 64.3	`rgb(68.6%,17.3%,64.3%)`
CMYK	0, 75, 6, 31
HSL	305°, 59.8, 42.9	`hsl(305,59.8%,42.9%)`
HSV (or HSB)	305°, 74.9, 68.6
Web Safe	993399	`#993399`

CIE-LAB	43.65, 64.44, -35.979
XYZ	25.28, 13.597, 36.413
xyY	0.336, 0.181, 13.597
CIE-LCH	43.65, 73.804, 330.824
CIE-LUV	43.65, 57.262, -60.597
Hunter-Lab	36.875, 57.844, -32.735
Binary	10101111, 00101100, 10100100

#af2ca4
```
#af2ca4 rgb(175,44,164)
```
#2caf37
```
#2caf37 rgb(44,175,55)
```

Complementary Color

#792caf
```
#792caf rgb(121,44,175)
```
#af2ca4
```
#af2ca4 rgb(175,44,164)
```
#af2c63
```
#af2c63 rgb(175,44,99)
```

Analogous Color

#2caf79
```
#2caf79 rgb(44,175,121)
```
#af2ca4
```
#af2ca4 rgb(175,44,164)
```
#63af2c
```
#63af2c rgb(99,175,44)
```

Split Complementary Color

#2ca4af
```
#2ca4af rgb(44,164,175)
```
#af2ca4
```
#af2ca4 rgb(175,44,164)
```
#a4af2c
```
#a4af2c rgb(164,175,44)
```

Triadic Color

#372caf
```
#372caf rgb(55,44,175)
```
#af2ca4
```
#af2ca4 rgb(175,44,164)
```
#a4af2c
```
#a4af2c rgb(164,175,44)
```
#2caf37
```
#2caf37 rgb(44,175,55)
```

Tetradic Color

#721d6b
```
#721d6b rgb(114,29,107)
```
#86227e
```
#86227e rgb(134,34,126)
```
#9b2791
```
#9b2791 rgb(155,39,145)
```
#af2ca4
```
#af2ca4 rgb(175,44,164)
```
#c331b7
```
#c331b7 rgb(195,49,183)
```
#cf3fc3
```
#cf3fc3 rgb(207,63,195)
```
#d454c9
```
#d454c9 rgb(212,84,201)
```

Monochromatic Color

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

#992caf
```
#992caf rgb(153,44,175)
```
#a42caf
```
#a42caf rgb(164,44,175)
```
#af2caf
```
#af2caf rgb(175,44,175)
```
#af2ca4
```
#af2ca4 rgb(175,44,164)
```
#af2c99
```
#af2c99 rgb(175,44,153)
```
#af2c8e
```
#af2c8e rgb(175,44,142)
```
#af2c83
```
#af2c83 rgb(175,44,131)
```

Similar Colors

Text with hexadecimal color #af2ca4

This text has a font color of #af2ca4.

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

#af2ca4 background color

This paragraph has a background color of #af2ca4.

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

#af2ca4 border color

This element has a border color of #af2ca4.

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

CSS codes

.text {color:#af2ca4;}

.background {background-color:#af2ca4;}

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

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

#030102
```
#030102 rgb(3,1,2)
```
#120511
```
#120511 rgb(18,5,17)
```
#220920
```
#220920 rgb(34,9,32)
```
#320c2e
```
#320c2e rgb(50,12,46)
```
#41103d
```
#41103d rgb(65,16,61)
```
#51144c
```
#51144c rgb(81,20,76)
```
#61185b
```
#61185b rgb(97,24,91)
```
#701c69
```
#701c69 rgb(112,28,105)
```
#802078
```
#802078 rgb(128,32,120)
```
#902487
```
#902487 rgb(144,36,135)
```
#9f2895
```
#9f2895 rgb(159,40,149)
```
#af2ca4
```
#af2ca4 rgb(175,44,164)
```
#bf30b3
```
#bf30b3 rgb(191,48,179)
```

Shade Color Variation

#cc36c0
```
#cc36c0 rgb(204,54,192)
```
#d045c5
```
#d045c5 rgb(208,69,197)
```
#d455ca
```
#d455ca rgb(212,85,202)
```
#d865cf
```
#d865cf rgb(216,101,207)
```
#dc75d3
```
#dc75d3 rgb(220,117,211)
```
#e084d8
```
#e084d8 rgb(224,132,216)
```
#e494dd
```
#e494dd rgb(228,148,221)
```
#e8a4e2
```
#e8a4e2 rgb(232,164,226)
```
#ecb3e7
```
#ecb3e7 rgb(236,179,231)
```
#f0c3ec
```
#f0c3ec rgb(240,195,236)
```
#f4d3f1
```
#f4d3f1 rgb(244,211,241)
```
#f8e2f6
```
#f8e2f6 rgb(248,226,246)
```
#fcf2fb
```
#fcf2fb rgb(252,242,251)
```

Tint Color Variation

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

#746773
```
#746773 rgb(116,103,115)
```
#7c5f7a
```
#7c5f7a rgb(124,95,122)
```
#855681
```
#855681 rgb(133,86,129)
```
#8d4e88
```
#8d4e88 rgb(141,78,136)
```
#96458f
```
#96458f rgb(150,69,143)
```
#9e3d96
```
#9e3d96 rgb(158,61,150)
```
#a7349d
```
#a7349d rgb(167,52,157)
```
#af2ca4
```
#af2ca4 rgb(175,44,164)
```
#b724ab
```
#b724ab rgb(183,36,171)
```
#c01bb2
```
#c01bb2 rgb(192,27,178)
```
#c813b9
```
#c813b9 rgb(200,19,185)
```
#d10ac0
```
#d10ac0 rgb(209,10,192)
```
#d902c7
```
#d902c7 rgb(217,2,199)
```

Tone Color Variation

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

#616161 Achromatopsia 0.005% of the population
#71566e Atypical Achromatopsia 0.001% of the population

Dichromacy

#206bcf Protanopia 1% of men
#5b6e9b Deuteranopia 1% of men
#a95459 Tritanopia 0.001% of the population

Trichromacy

#5454bf Protanomaly 1% of men, 0.01% of women
#7a569e Deuteranomaly 6% of men, 0.4% of women
#ab4574 Tritanomaly 0.01% of the population

#af2ca4 hex color

#af2ca4 Color Information

#af2ca4 Color Conversion

Color Schemes with #af2ca4

Alternatives to #af2ca4

#af2ca4 Preview

Shades and Tints of #af2ca4

Tones of #af2ca4

Color Blindness Simulator