#af5ca2 hex color

In a RGB color space, hex #af5ca2 is composed of 68.6% red, 36.1% green and 63.5% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 47.4% magenta, 7.4% yellow and 31.4% black. It has a hue angle of 309.4 degrees, a saturation of 34.2% and a lightness of 52.4%. #af5ca2 color hex could be obtained by blending #ffb8ff with #5f0045. Closest websafe color is: #996699.

♥
- f
- t
- g
- R 69
- G 36
- B 64
RGB color chart
- C 0
- M 47
- Y 7
- K 31
CMYK color chart

● #af5ca2 color description : Dark moderate magenta.

The hexadecimal color #af5ca2 has RGB values of R:175, G:92, B:162 and CMYK values of C:0, M:0.47, Y:0.07, K:0.31. Its decimal value is 11492514.

Hex triplet	af5ca2	`#af5ca2`
RGB Decimal	175, 92, 162	`rgb(175,92,162)`
RGB Percent	68.6, 36.1, 63.5	`rgb(68.6%,36.1%,63.5%)`
CMYK	0, 47, 7, 31
HSL	309.4°, 34.2, 52.4	`hsl(309.4,34.2%,52.4%)`
HSV (or HSB)	309.4°, 47.4, 68.6
Web Safe	996699	`#996699`

CIE-LAB	51.127, 43.461, -23.127
XYZ	28.027, 19.378, 36.445
xyY	0.334, 0.231, 19.378
CIE-LCH	51.127, 49.232, 331.981
CIE-LUV	51.127, 42.589, -40.466
Hunter-Lab	44.021, 36.612, -18.271
Binary	10101111, 01011100, 10100010

#af5ca2
```
#af5ca2 rgb(175,92,162)
```
#5caf69
```
#5caf69 rgb(92,175,105)
```

Complementary Color

#935caf
```
#935caf rgb(147,92,175)
```
#af5ca2
```
#af5ca2 rgb(175,92,162)
```
#af5c79
```
#af5c79 rgb(175,92,121)
```

Analogous Color

#5caf93
```
#5caf93 rgb(92,175,147)
```
#af5ca2
```
#af5ca2 rgb(175,92,162)
```
#79af5c
```
#79af5c rgb(121,175,92)
```

Split Complementary Color

#5ca2af
```
#5ca2af rgb(92,162,175)
```
#af5ca2
```
#af5ca2 rgb(175,92,162)
```
#a2af5c
```
#a2af5c rgb(162,175,92)
```

Triadic Color

#695caf
```
#695caf rgb(105,92,175)
```
#af5ca2
```
#af5ca2 rgb(175,92,162)
```
#a2af5c
```
#a2af5c rgb(162,175,92)
```
#5caf69
```
#5caf69 rgb(92,175,105)
```

Tetradic Color

#803f76
```
#803f76 rgb(128,63,118)
```
#914785
```
#914785 rgb(145,71,133)
```
#a25095
```
#a25095 rgb(162,80,149)
```
#af5ca2
```
#af5ca2 rgb(175,92,162)
```
#b76dac
```
#b76dac rgb(183,109,172)
```
#c07eb6
```
#c07eb6 rgb(192,126,182)
```
#c88fbf
```
#c88fbf rgb(200,143,191)
```

Monochromatic Color

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

#a75caf
```
#a75caf rgb(167,92,175)
```
#ae5caf
```
#ae5caf rgb(174,92,175)
```
#af5ca9
```
#af5ca9 rgb(175,92,169)
```
#af5ca2
```
#af5ca2 rgb(175,92,162)
```
#af5c9b
```
#af5c9b rgb(175,92,155)
```
#af5c94
```
#af5c94 rgb(175,92,148)
```
#af5c8d
```
#af5c8d rgb(175,92,141)
```

Similar Colors

Text with hexadecimal color #af5ca2

This text has a font color of #af5ca2.

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

#af5ca2 background color

This paragraph has a background color of #af5ca2.

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

#af5ca2 border color

This element has a border color of #af5ca2.

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

CSS codes

.text {color:#af5ca2;}

.background {background-color:#af5ca2;}

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

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

#080407
```
#080407 rgb(8,4,7)
```
#150a14
```
#150a14 rgb(21,10,20)
```
#221120
```
#221120 rgb(34,17,32)
```
#30172c
```
#30172c rgb(48,23,44)
```
#3d1e38
```
#3d1e38 rgb(61,30,56)
```
#4a2444
```
#4a2444 rgb(74,36,68)
```
#572b50
```
#572b50 rgb(87,43,80)
```
#64315c
```
#64315c rgb(100,49,92)
```
#713868
```
#713868 rgb(113,56,104)
```
#7e3e74
```
#7e3e74 rgb(126,62,116)
```
#8c4580
```
#8c4580 rgb(140,69,128)
```
#994b8d
```
#994b8d rgb(153,75,141)
```
#a65199
```
#a65199 rgb(166,81,153)
```

Shade Color Variation

#af5ca2
```
#af5ca2 rgb(175,92,162)
```
#b569aa
```
#b569aa rgb(181,105,170)
```
#bc76b1
```
#bc76b1 rgb(188,118,177)
```
#c283b9
```
#c283b9 rgb(194,131,185)
```
#c991c0
```
#c991c0 rgb(201,145,192)
```
#cf9ec8
```
#cf9ec8 rgb(207,158,200)
```
#d6abcf
```
#d6abcf rgb(214,171,207)
```
#dcb8d7
```
#dcb8d7 rgb(220,184,215)
```
#e3c5de
```
#e3c5de rgb(227,197,222)
```
#e9d2e6
```
#e9d2e6 rgb(233,210,230)
```
#f0e0ed
```
#f0e0ed rgb(240,224,237)
```
#f6edf5
```
#f6edf5 rgb(246,237,245)
```
#fcfafc
```
#fcfafc rgb(252,250,252)
```

Tint Color Variation

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

#8a8188
```
#8a8188 rgb(138,129,136)
```
#93788f
```
#93788f rgb(147,120,143)
```
#9c6f95
```
#9c6f95 rgb(156,111,149)
```
#a6659c
```
#a6659c rgb(166,101,156)
```
#af5ca2
```
#af5ca2 rgb(175,92,162)
```
#b853a8
```
#b853a8 rgb(184,83,168)
```
#c249af
```
#c249af rgb(194,73,175)
```
#cb40b5
```
#cb40b5 rgb(203,64,181)
```
#d437bc
```
#d437bc rgb(212,55,188)
```
#de2dc2
```
#de2dc2 rgb(222,45,194)
```
#e724c9
```
#e724c9 rgb(231,36,201)
```
#f01bcf
```
#f01bcf rgb(240,27,207)
```
#fa11d5
```
#fa11d5 rgb(250,17,213)
```

Tone Color Variation

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

#7d7d7d Achromatopsia 0.005% of the population
#877684 Atypical Achromatopsia 0.001% of the population

Dichromacy

#6b7eb8 Protanopia 1% of men
#7b7e9f Deuteranopia 1% of men
#ac6f77 Tritanopia 0.001% of the population

Trichromacy

#8472b0 Protanomaly 1% of men, 0.01% of women
#8e71a0 Deuteranomaly 6% of men, 0.4% of women
#ad6886 Tritanomaly 0.01% of the population

#af5ca2 hex color

#af5ca2 Color Information

#af5ca2 Color Conversion

Color Schemes with #af5ca2

Alternatives to #af5ca2

#af5ca2 Preview

Shades and Tints of #af5ca2

Tones of #af5ca2

Color Blindness Simulator