#af3caa hex color

In a RGB color space, hex #af3caa is composed of 68.6% red, 23.5% green and 66.7% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 65.7% magenta, 2.9% yellow and 31.4% black. It has a hue angle of 302.6 degrees, a saturation of 48.9% and a lightness of 46.1%. #af3caa color hex could be obtained by blending #ff78ff with #5f0055. Closest websafe color is: #993399.

♥
- f
- t
- g
- R 69
- G 24
- B 67
RGB color chart
- C 0
- M 66
- Y 3
- K 31
CMYK color chart

● #af3caa color description : Dark moderate magenta.

The hexadecimal color #af3caa has RGB values of R:175, G:60, B:170 and CMYK values of C:0, M:0.66, Y:0.03, K:0.31. Its decimal value is 11484330.

Hex triplet	af3caa	`#af3caa`
RGB Decimal	175, 60, 170	`rgb(175,60,170)`
RGB Percent	68.6, 23.5, 66.7	`rgb(68.6%,23.5%,66.7%)`
CMYK	0, 66, 3, 31
HSL	302.6°, 48.9, 46.1	`hsl(302.6,48.9%,46.1%)`
HSV (or HSB)	302.6°, 65.7, 68.6
Web Safe	993399	`#993399`

CIE-LAB	45.974, 59.719, -35.876
XYZ	26.55, 15.25, 39.573
xyY	0.326, 0.187, 15.25
CIE-LCH	45.974, 69.666, 329.004
CIE-LUV	45.974, 51.465, -60.592
Hunter-Lab	39.051, 53.022, -32.748
Binary	10101111, 00111100, 10101010

#af3caa
```
#af3caa rgb(175,60,170)
```
#3caf41
```
#3caf41 rgb(60,175,65)
```

Complementary Color

#7b3caf
```
#7b3caf rgb(123,60,175)
```
#af3caa
```
#af3caa rgb(175,60,170)
```
#af3c71
```
#af3c71 rgb(175,60,113)
```

Analogous Color

#3caf7b
```
#3caf7b rgb(60,175,123)
```
#af3caa
```
#af3caa rgb(175,60,170)
```
#71af3c
```
#71af3c rgb(113,175,60)
```

Split Complementary Color

#3caaaf
```
#3caaaf rgb(60,170,175)
```
#af3caa
```
#af3caa rgb(175,60,170)
```
#aaaf3c
```
#aaaf3c rgb(170,175,60)
```

Triadic Color

#413caf
```
#413caf rgb(65,60,175)
```
#af3caa
```
#af3caa rgb(175,60,170)
```
#aaaf3c
```
#aaaf3c rgb(170,175,60)
```
#3caf41
```
#3caf41 rgb(60,175,65)
```

Tetradic Color

#762873
```
#762873 rgb(118,40,115)
```
#892f85
```
#892f85 rgb(137,47,133)
```
#9c3598
```
#9c3598 rgb(156,53,152)
```
#af3caa
```
#af3caa rgb(175,60,170)
```
#bf45ba
```
#bf45ba rgb(191,69,186)
```
#c658c1
```
#c658c1 rgb(198,88,193)
```
#cc6bc8
```
#cc6bc8 rgb(204,107,200)
```

Monochromatic Color

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

#973caf
```
#973caf rgb(151,60,175)
```
#a13caf
```
#a13caf rgb(161,60,175)
```
#aa3caf
```
#aa3caf rgb(170,60,175)
```
#af3caa
```
#af3caa rgb(175,60,170)
```
#af3ca0
```
#af3ca0 rgb(175,60,160)
```
#af3c97
```
#af3c97 rgb(175,60,151)
```
#af3c8d
```
#af3c8d rgb(175,60,141)
```

Similar Colors

Text with hexadecimal color #af3caa

This text has a font color of #af3caa.

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

#af3caa background color

This paragraph has a background color of #af3caa.

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

#af3caa border color

This element has a border color of #af3caa.

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

CSS codes

.text {color:#af3caa;}

.background {background-color:#af3caa;}

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

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, #0e050e is the darkest color, while #ffffff is the lightest one.

#0e050e
```
#0e050e rgb(14,5,14)
```
#1d0a1c
```
#1d0a1c rgb(29,10,28)
```
#2c0f2a
```
#2c0f2a rgb(44,15,42)
```
#3a1438
```
#3a1438 rgb(58,20,56)
```
#491947
```
#491947 rgb(73,25,71)
```
#571e55
```
#571e55 rgb(87,30,85)
```
#662363
```
#662363 rgb(102,35,99)
```
#752871
```
#752871 rgb(117,40,113)
```
#832d7f
```
#832d7f rgb(131,45,127)
```
#92328e
```
#92328e rgb(146,50,142)
```
#a0379c
```
#a0379c rgb(160,55,156)
```
#af3caa
```
#af3caa rgb(175,60,170)
```
#be41b8
```
#be41b8 rgb(190,65,184)
```

Shade Color Variation

#c34fbe
```
#c34fbe rgb(195,79,190)
```
#c85ec3
```
#c85ec3 rgb(200,94,195)
```
#cd6dc9
```
#cd6dc9 rgb(205,109,201)
```
#d27bce
```
#d27bce rgb(210,123,206)
```
#d78ad3
```
#d78ad3 rgb(215,138,211)
```
#dc98d9
```
#dc98d9 rgb(220,152,217)
```
#e1a7de
```
#e1a7de rgb(225,167,222)
```
#e6b6e4
```
#e6b6e4 rgb(230,182,228)
```
#ebc4e9
```
#ebc4e9 rgb(235,196,233)
```
#f0d3ef
```
#f0d3ef rgb(240,211,239)
```
#f5e1f4
```
#f5e1f4 rgb(245,225,244)
```
#faf0f9
```
#faf0f9 rgb(250,240,249)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Tint Color Variation

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

#797278
```
#797278 rgb(121,114,120)
```
#826981
```
#826981 rgb(130,105,129)
```
#8b6089
```
#8b6089 rgb(139,96,137)
```
#945791
```
#945791 rgb(148,87,145)
```
#9d4e99
```
#9d4e99 rgb(157,78,153)
```
#a645a2
```
#a645a2 rgb(166,69,162)
```
#af3caa
```
#af3caa rgb(175,60,170)
```
#b833b2
```
#b833b2 rgb(184,51,178)
```
#c12abb
```
#c12abb rgb(193,42,187)
```
#ca21c3
```
#ca21c3 rgb(202,33,195)
```
#d318cb
```
#d318cb rgb(211,24,203)
```
#dc0fd3
```
#dc0fd3 rgb(220,15,211)
```
#e506dc
```
#e506dc rgb(229,6,220)
```

Tone Color Variation

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

#6b6b6b Achromatopsia 0.005% of the population
#796278 Atypical Achromatopsia 0.001% of the population

Dichromacy

#3b71cf Protanopia 1% of men
#6173a2 Deuteranopia 1% of men
#a95d63 Tritanopia 0.001% of the population

Trichromacy

#655dc1 Protanomaly 1% of men, 0.01% of women
#7d5fa5 Deuteranomaly 6% of men, 0.4% of women
#ab517d Tritanomaly 0.01% of the population

#af3caa hex color

#af3caa Color Information

#af3caa Color Conversion

Color Schemes with #af3caa

Alternatives to #af3caa

#af3caa Preview

Shades and Tints of #af3caa

Tones of #af3caa

Color Blindness Simulator