colorhexa.com

#af2caa hex color

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

- R 69
- G 17
- B 67
RGB color chart
- C 0
- M 75
- Y 3
- K 31
CMYK color chart

● #af2caa color description : Dark magenta.

The hexadecimal color #af2caa has RGB values of R:175, G:44, B:170 and CMYK values of C:0, M:0.75, Y:0.03, K:0.31. Its decimal value is 11480234.

Hex triplet	af2caa	`#af2caa`
RGB Decimal	175, 44, 170	`rgb(175,44,170)`
RGB Percent	68.6, 17.3, 66.7	`rgb(68.6%,17.3%,66.7%)`
CMYK	0, 75, 3, 31
HSL	302.3°, 59.8, 42.9	`hsl(302.3,59.8%,42.9%)`
HSV (or HSB)	302.3°, 74.9, 68.6
Web Safe	993399	`#993399`

CIE-LAB	43.973, 65.384, -39.04
XYZ	25.835, 13.819, 39.335
xyY	0.327, 0.175, 13.819
CIE-LCH	43.973, 76.153, 329.159
CIE-LUV	43.973, 55.146, -65.239
Hunter-Lab	37.174, 58.997, -36.714
Binary	10101111, 00101100, 10101010

#af2caa
```
#af2caa rgb(175,44,170)
```
#2caf31
```
#2caf31 rgb(44,175,49)
```

Complementary Color

#732caf
```
#732caf rgb(115,44,175)
```
#af2caa
```
#af2caa rgb(175,44,170)
```
#af2c69
```
#af2c69 rgb(175,44,105)
```

Analogous Color

#2caf73
```
#2caf73 rgb(44,175,115)
```
#af2caa
```
#af2caa rgb(175,44,170)
```
#69af2c
```
#69af2c rgb(105,175,44)
```

Split Complementary Color

#2caaaf
```
#2caaaf rgb(44,170,175)
```
#af2caa
```
#af2caa rgb(175,44,170)
```
#aaaf2c
```
#aaaf2c rgb(170,175,44)
```

Triadic Color

#312caf
```
#312caf rgb(49,44,175)
```
#af2caa
```
#af2caa rgb(175,44,170)
```
#aaaf2c
```
#aaaf2c rgb(170,175,44)
```
#2caf31
```
#2caf31 rgb(44,175,49)
```

Tetradic Color

#721d6f
```
#721d6f rgb(114,29,111)
```
#862282
```
#862282 rgb(134,34,130)
```
#9b2796
```
#9b2796 rgb(155,39,150)
```
#af2caa
```
#af2caa rgb(175,44,170)
```
#c331be
```
#c331be rgb(195,49,190)
```
#cf3fc9
```
#cf3fc9 rgb(207,63,201)
```
#d454cf
```
#d454cf rgb(212,84,207)
```

Monochromatic Color

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

#932caf
```
#932caf rgb(147,44,175)
```
#9e2caf
```
#9e2caf rgb(158,44,175)
```
#a92caf
```
#a92caf rgb(169,44,175)
```
#af2caa
```
#af2caa rgb(175,44,170)
```
#af2c9f
```
#af2c9f rgb(175,44,159)
```
#af2c94
```
#af2c94 rgb(175,44,148)
```
#af2c89
```
#af2c89 rgb(175,44,137)
```

Similar Colors

Text with hexadecimal color #af2caa

This text has a font color of #af2caa.

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

#af2caa background color

This paragraph has a background color of #af2caa.

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

#af2caa border color

This element has a border color of #af2caa.

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

CSS codes

.text {color:#af2caa;}

.background {background-color:#af2caa;}

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

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

#030103
```
#030103 rgb(3,1,3)
```
#120512
```
#120512 rgb(18,5,18)
```
#220921
```
#220921 rgb(34,9,33)
```
#320c30
```
#320c30 rgb(50,12,48)
```
#41103f
```
#41103f rgb(65,16,63)
```
#51144f
```
#51144f rgb(81,20,79)
```
#61185e
```
#61185e rgb(97,24,94)
```
#701c6d
```
#701c6d rgb(112,28,109)
```
#80207c
```
#80207c rgb(128,32,124)
```
#90248c
```
#90248c rgb(144,36,140)
```
#9f289b
```
#9f289b rgb(159,40,155)
```
#af2caa
```
#af2caa rgb(175,44,170)
```
#bf30b9
```
#bf30b9 rgb(191,48,185)
```

Shade Color Variation

#cc36c7
```
#cc36c7 rgb(204,54,199)
```
#d045cb
```
#d045cb rgb(208,69,203)
```
#d455cf
```
#d455cf rgb(212,85,207)
```
#d865d4
```
#d865d4 rgb(216,101,212)
```
#dc75d8
```
#dc75d8 rgb(220,117,216)
```
#e084dd
```
#e084dd rgb(224,132,221)
```
#e494e1
```
#e494e1 rgb(228,148,225)
```
#e8a4e5
```
#e8a4e5 rgb(232,164,229)
```
#ecb3ea
```
#ecb3ea rgb(236,179,234)
```
#f0c3ee
```
#f0c3ee rgb(240,195,238)
```
#f4d3f3
```
#f4d3f3 rgb(244,211,243)
```
#f8e2f7
```
#f8e2f7 rgb(248,226,247)
```
#fcf2fb
```
#fcf2fb rgb(252,242,251)
```

Tint Color Variation

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

#746774
```
#746774 rgb(116,103,116)
```
#7c5f7b
```
#7c5f7b rgb(124,95,123)
```
#855683
```
#855683 rgb(133,86,131)
```
#8d4e8b
```
#8d4e8b rgb(141,78,139)
```
#964593
```
#964593 rgb(150,69,147)
```
#9e3d9a
```
#9e3d9a rgb(158,61,154)
```
#a734a2
```
#a734a2 rgb(167,52,162)
```
#af2caa
```
#af2caa rgb(175,44,170)
```
#b724b2
```
#b724b2 rgb(183,36,178)
```
#c01bba
```
#c01bba rgb(192,27,186)
```
#c813c1
```
#c813c1 rgb(200,19,193)
```
#d10ac9
```
#d10ac9 rgb(209,10,201)
```
#d902d1
```
#d902d1 rgb(217,2,209)
```

Tone Color Variation

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

#626262 Achromatopsia 0.005% of the population
#715770 Atypical Achromatopsia 0.001% of the population

Dichromacy

#006cd4 Protanopia 1% of men
#586fa0 Deuteranopia 1% of men
#a9565b Tritanopia 0.001% of the population

Trichromacy

#3f54c5 Protanomaly 1% of men, 0.01% of women
#7756a3 Deuteranomaly 6% of men, 0.4% of women
#ab4678 Tritanomaly 0.01% of the population