#af318a hex color

In a RGB color space, hex #af318a is composed of 68.6% red, 19.2% green and 54.1% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 72% magenta, 21.1% yellow and 31.4% black. It has a hue angle of 317.6 degrees, a saturation of 56.3% and a lightness of 43.9%. #af318a color hex could be obtained by blending #ff62ff with #5f0015. Closest websafe color is: #993399.

♥
- f
- t
- g
- R 69
- G 19
- B 54
RGB color chart
- C 0
- M 72
- Y 21
- K 31
CMYK color chart

● #af318a color description : Dark pink.

The hexadecimal color #af318a has RGB values of R:175, G:49, B:138 and CMYK values of C:0, M:0.72, Y:0.21, K:0.31. Its decimal value is 11481482.

Hex triplet	af318a	`#af318a`
RGB Decimal	175, 49, 138	`rgb(175,49,138)`
RGB Percent	68.6, 19.2, 54.1	`rgb(68.6%,19.2%,54.1%)`
CMYK	0, 72, 21, 31
HSL	317.6°, 56.3, 43.9	`hsl(317.6,56.3%,43.9%)`
HSV (or HSB)	317.6°, 72, 68.6
Web Safe	993399	`#993399`

CIE-LAB	42.985, 58.973, -21.34
XYZ	23.365, 13.147, 25.351
xyY	0.378, 0.213, 13.147
CIE-LCH	42.985, 62.716, 340.107
CIE-LUV	42.985, 65.51, -38.797
Hunter-Lab	36.259, 51.569, -16.071
Binary	10101111, 00110001, 10001010

#af318a
```
#af318a rgb(175,49,138)
```
#31af56
```
#31af56 rgb(49,175,86)
```

Complementary Color

#9531af
```
#9531af rgb(149,49,175)
```
#af318a
```
#af318a rgb(175,49,138)
```
#af314b
```
#af314b rgb(175,49,75)
```

Analogous Color

#31af95
```
#31af95 rgb(49,175,149)
```
#af318a
```
#af318a rgb(175,49,138)
```
#4baf31
```
#4baf31 rgb(75,175,49)
```

Split Complementary Color

#318aaf
```
#318aaf rgb(49,138,175)
```
#af318a
```
#af318a rgb(175,49,138)
```
#8aaf31
```
#8aaf31 rgb(138,175,49)
```

Triadic Color

#5631af
```
#5631af rgb(86,49,175)
```
#af318a
```
#af318a rgb(175,49,138)
```
#8aaf31
```
#8aaf31 rgb(138,175,49)
```
#31af56
```
#31af56 rgb(49,175,86)
```

Tetradic Color

#73205b
```
#73205b rgb(115,32,91)
```
#87266b
```
#87266b rgb(135,38,107)
```
#9b2b7a
```
#9b2b7a rgb(155,43,122)
```
#af318a
```
#af318a rgb(175,49,138)
```
#c3379a
```
#c3379a rgb(195,55,154)
```
#cc47a5
```
#cc47a5 rgb(204,71,165)
```
#d15baf
```
#d15baf rgb(209,91,175)
```

Monochromatic Color

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

#af31aa
```
#af31aa rgb(175,49,170)
```
#af319f
```
#af319f rgb(175,49,159)
```
#af3195
```
#af3195 rgb(175,49,149)
```
#af318a
```
#af318a rgb(175,49,138)
```
#af3180
```
#af3180 rgb(175,49,128)
```
#af3175
```
#af3175 rgb(175,49,117)
```
#af316b
```
#af316b rgb(175,49,107)
```

Similar Colors

Text with hexadecimal color #af318a

This text has a font color of #af318a.

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

#af318a background color

This paragraph has a background color of #af318a.

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

#af318a border color

This element has a border color of #af318a.

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

CSS codes

.text {color:#af318a;}

.background {background-color:#af318a;}

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

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

#060205
```
#060205 rgb(6,2,5)
```
#160611
```
#160611 rgb(22,6,17)
```
#250a1d
```
#250a1d rgb(37,10,29)
```
#340f29
```
#340f29 rgb(52,15,41)
```
#441335
```
#441335 rgb(68,19,53)
```
#531741
```
#531741 rgb(83,23,65)
```
#621c4e
```
#621c4e rgb(98,28,78)
```
#72205a
```
#72205a rgb(114,32,90)
```
#812466
```
#812466 rgb(129,36,102)
```
#902872
```
#902872 rgb(144,40,114)
```
#a02d7e
```
#a02d7e rgb(160,45,126)
```
#af318a
```
#af318a rgb(175,49,138)
```
#be3596
```
#be3596 rgb(190,53,150)
```

Shade Color Variation

#c93ea0
```
#c93ea0 rgb(201,62,160)
```
#cd4ea8
```
#cd4ea8 rgb(205,78,168)
```
#d25daf
```
#d25daf rgb(210,93,175)
```
#d66cb7
```
#d66cb7 rgb(214,108,183)
```
#da7cbe
```
#da7cbe rgb(218,124,190)
```
#de8bc6
```
#de8bc6 rgb(222,139,198)
```
#e39acd
```
#e39acd rgb(227,154,205)
```
#e7a9d5
```
#e7a9d5 rgb(231,169,213)
```
#ebb9dd
```
#ebb9dd rgb(235,185,221)
```
#f0c8e4
```
#f0c8e4 rgb(240,200,228)
```
#f4d7ec
```
#f4d7ec rgb(244,215,236)
```
#f8e7f3
```
#f8e7f3 rgb(248,231,243)
```
#fdf6fb
```
#fdf6fb rgb(253,246,251)
```

Tint Color Variation

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

#736d71
```
#736d71 rgb(115,109,113)
```
#7b6575
```
#7b6575 rgb(123,101,117)
```
#845c78
```
#845c78 rgb(132,92,120)
```
#8d537c
```
#8d537c rgb(141,83,124)
```
#954b7f
```
#954b7f rgb(149,75,127)
```
#9e4283
```
#9e4283 rgb(158,66,131)
```
#a63a86
```
#a63a86 rgb(166,58,134)
```
#af318a
```
#af318a rgb(175,49,138)
```
#b8288e
```
#b8288e rgb(184,40,142)
```
#c02091
```
#c02091 rgb(192,32,145)
```
#c91795
```
#c91795 rgb(201,23,149)
```
#d10f98
```
#d10f98 rgb(209,15,152)
```
#da069c
```
#da069c rgb(218,6,156)
```

Tone Color Variation

Below, you can see how #af318a 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
#715769 Atypical Achromatopsia 0.001% of the population

Dichromacy

#4e6baf Protanopia 1% of men
#6a6b85 Deuteranopia 1% of men
#ad4e53 Tritanopia 0.001% of the population

Trichromacy

#7156a1 Protanomaly 1% of men, 0.01% of women
#835686 Deuteranomaly 6% of men, 0.4% of women
#ad4367 Tritanomaly 0.01% of the population

#af318a hex color

#af318a Color Information

#af318a Color Conversion

Color Schemes with #af318a

Alternatives to #af318a

#af318a Preview

Shades and Tints of #af318a

Tones of #af318a

Color Blindness Simulator