#af5caa hex color

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

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

● #af5caa color description : Dark moderate magenta.

The hexadecimal color #af5caa has RGB values of R:175, G:92, B:170 and CMYK values of C:0, M:0.47, Y:0.03, K:0.31. Its decimal value is 11492522.

Hex triplet	af5caa	`#af5caa`
RGB Decimal	175, 92, 170	`rgb(175,92,170)`
RGB Percent	68.6, 36.1, 66.7	`rgb(68.6%,36.1%,66.7%)`
CMYK	0, 47, 3, 31
HSL	303.6°, 34.2, 52.4	`hsl(303.6,34.2%,52.4%)`
HSV (or HSB)	303.6°, 47.4, 68.6
Web Safe	996699	`#996699`

CIE-LAB	51.464, 44.887, -27.291
XYZ	28.761, 19.672, 40.31
xyY	0.324, 0.222, 19.672
CIE-LCH	51.464, 52.533, 328.701
CIE-LUV	51.464, 40.693, -47.015
Hunter-Lab	44.353, 38.133, -22.838
Binary	10101111, 01011100, 10101010

#af5caa
```
#af5caa rgb(175,92,170)
```
#5caf61
```
#5caf61 rgb(92,175,97)
```

Complementary Color

#8b5caf
```
#8b5caf rgb(139,92,175)
```
#af5caa
```
#af5caa rgb(175,92,170)
```
#af5c81
```
#af5c81 rgb(175,92,129)
```

Analogous Color

#5caf8b
```
#5caf8b rgb(92,175,139)
```
#af5caa
```
#af5caa rgb(175,92,170)
```
#81af5c
```
#81af5c rgb(129,175,92)
```

Split Complementary Color

#5caaaf
```
#5caaaf rgb(92,170,175)
```
#af5caa
```
#af5caa rgb(175,92,170)
```
#aaaf5c
```
#aaaf5c rgb(170,175,92)
```

Triadic Color

#615caf
```
#615caf rgb(97,92,175)
```
#af5caa
```
#af5caa rgb(175,92,170)
```
#aaaf5c
```
#aaaf5c rgb(170,175,92)
```
#5caf61
```
#5caf61 rgb(92,175,97)
```

Tetradic Color

#803f7c
```
#803f7c rgb(128,63,124)
```
#91478c
```
#91478c rgb(145,71,140)
```
#a2509d
```
#a2509d rgb(162,80,157)
```
#af5caa
```
#af5caa rgb(175,92,170)
```
#b76db3
```
#b76db3 rgb(183,109,179)
```
#c07ebc
```
#c07ebc rgb(192,126,188)
```
#c88fc5
```
#c88fc5 rgb(200,143,197)
```

Monochromatic Color

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

#9f5caf
```
#9f5caf rgb(159,92,175)
```
#a65caf
```
#a65caf rgb(166,92,175)
```
#ad5caf
```
#ad5caf rgb(173,92,175)
```
#af5caa
```
#af5caa rgb(175,92,170)
```
#af5ca3
```
#af5ca3 rgb(175,92,163)
```
#af5c9c
```
#af5c9c rgb(175,92,156)
```
#af5c95
```
#af5c95 rgb(175,92,149)
```

Similar Colors

Text with hexadecimal color #af5caa

This text has a font color of #af5caa.

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

#af5caa background color

This paragraph has a background color of #af5caa.

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

#af5caa border color

This element has a border color of #af5caa.

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

CSS codes

.text {color:#af5caa;}

.background {background-color:#af5caa;}

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

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

#080408
```
#080408 rgb(8,4,8)
```
#150a15
```
#150a15 rgb(21,10,21)
```
#221121
```
#221121 rgb(34,17,33)
```
#30172e
```
#30172e rgb(48,23,46)
```
#3d1e3b
```
#3d1e3b rgb(61,30,59)
```
#4a2448
```
#4a2448 rgb(74,36,72)
```
#572b54
```
#572b54 rgb(87,43,84)
```
#643161
```
#643161 rgb(100,49,97)
```
#71386e
```
#71386e rgb(113,56,110)
```
#7e3e7b
```
#7e3e7b rgb(126,62,123)
```
#8c4587
```
#8c4587 rgb(140,69,135)
```
#994b94
```
#994b94 rgb(153,75,148)
```
#a651a1
```
#a651a1 rgb(166,81,161)
```

Shade Color Variation

#af5caa
```
#af5caa rgb(175,92,170)
```
#b569b1
```
#b569b1 rgb(181,105,177)
```
#bc76b8
```
#bc76b8 rgb(188,118,184)
```
#c283bf
```
#c283bf rgb(194,131,191)
```
#c991c5
```
#c991c5 rgb(201,145,197)
```
#cf9ecc
```
#cf9ecc rgb(207,158,204)
```
#d6abd3
```
#d6abd3 rgb(214,171,211)
```
#dcb8da
```
#dcb8da rgb(220,184,218)
```
#e3c5e1
```
#e3c5e1 rgb(227,197,225)
```
#e9d2e8
```
#e9d2e8 rgb(233,210,232)
```
#f0e0ef
```
#f0e0ef rgb(240,224,239)
```
#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, #8a8189 is the less saturated color, while #fa11ec is the most saturated one.

#8a8189
```
#8a8189 rgb(138,129,137)
```
#937891
```
#937891 rgb(147,120,145)
```
#9c6f9a
```
#9c6f9a rgb(156,111,154)
```
#a665a2
```
#a665a2 rgb(166,101,162)
```
#af5caa
```
#af5caa rgb(175,92,170)
```
#b853b2
```
#b853b2 rgb(184,83,178)
```
#c249ba
```
#c249ba rgb(194,73,186)
```
#cb40c3
```
#cb40c3 rgb(203,64,195)
```
#d437cb
```
#d437cb rgb(212,55,203)
```
#de2dd3
```
#de2dd3 rgb(222,45,211)
```
#e724db
```
#e724db rgb(231,36,219)
```
#f01be4
```
#f01be4 rgb(240,27,228)
```
#fa11ec
```
#fa11ec rgb(250,17,236)
```

Tone Color Variation

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

#7e7e7e Achromatopsia 0.005% of the population
#887787 Atypical Achromatopsia 0.001% of the population

Dichromacy

#677fc1 Protanopia 1% of men
#787fa6 Deuteranopia 1% of men
#ab7179 Tritanopia 0.001% of the population

Trichromacy

#8172b8 Protanomaly 1% of men, 0.01% of women
#8c72a7 Deuteranomaly 6% of men, 0.4% of women
#ac698a Tritanomaly 0.01% of the population

#af5caa hex color

#af5caa Color Information

#af5caa Color Conversion

Color Schemes with #af5caa

Alternatives to #af5caa

#af5caa Preview

Shades and Tints of #af5caa

Tones of #af5caa

Color Blindness Simulator