#af248f hex color

In a RGB color space, hex #af248f is composed of 68.6% red, 14.1% green and 56.1% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 79.4% magenta, 18.3% yellow and 31.4% black. It has a hue angle of 313.8 degrees, a saturation of 65.9% and a lightness of 41.4%. #af248f color hex could be obtained by blending #ff48ff with #5f001f. Closest websafe color is: #993399.

♥
- f
- t
- g
- R 69
- G 14
- B 56
RGB color chart
- C 0
- M 79
- Y 18
- K 31
CMYK color chart

● #af248f color description : Dark magenta.

The hexadecimal color #af248f has RGB values of R:175, G:36, B:143 and CMYK values of C:0, M:0.79, Y:0.18, K:0.31. Its decimal value is 11478159.

Hex triplet	af248f	`#af248f`
RGB Decimal	175, 36, 143	`rgb(175,36,143)`
RGB Percent	68.6, 14.1, 56.1	`rgb(68.6%,14.1%,56.1%)`
CMYK	0, 79, 18, 31
HSL	313.8°, 65.9, 41.4	`hsl(313.8,65.9%,41.4%)`
HSV (or HSB)	313.8°, 79.4, 68.6
Web Safe	993399	`#993399`

CIE-LAB	41.784, 63.715, -26.249
XYZ	23.268, 12.361, 27.146
xyY	0.371, 0.197, 12.361
CIE-LCH	41.784, 68.91, 337.61
CIE-LUV	41.784, 66.796, -46.106
Hunter-Lab	35.158, 56.607, -21.167
Binary	10101111, 00100100, 10001111

#af248f
```
#af248f rgb(175,36,143)
```
#24af44
```
#24af44 rgb(36,175,68)
```

Complementary Color

#8a24af
```
#8a24af rgb(138,36,175)
```
#af248f
```
#af248f rgb(175,36,143)
```
#af2449
```
#af2449 rgb(175,36,73)
```

Analogous Color

#24af8a
```
#24af8a rgb(36,175,138)
```
#af248f
```
#af248f rgb(175,36,143)
```
#49af24
```
#49af24 rgb(73,175,36)
```

Split Complementary Color

#248faf
```
#248faf rgb(36,143,175)
```
#af248f
```
#af248f rgb(175,36,143)
```
#8faf24
```
#8faf24 rgb(143,175,36)
```

Triadic Color

#4424af
```
#4424af rgb(68,36,175)
```
#af248f
```
#af248f rgb(175,36,143)
```
#8faf24
```
#8faf24 rgb(143,175,36)
```
#24af44
```
#24af44 rgb(36,175,68)
```

Tetradic Color

#70175b
```
#70175b rgb(112,23,91)
```
#851b6c
```
#851b6c rgb(133,27,108)
```
#9a207e
```
#9a207e rgb(154,32,126)
```
#af248f
```
#af248f rgb(175,36,143)
```
#c428a0
```
#c428a0 rgb(196,40,160)
```
#d531af
```
#d531af rgb(213,49,175)
```
#d946b7
```
#d946b7 rgb(217,70,183)
```

Monochromatic Color

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

#ac24af
```
#ac24af rgb(172,36,175)
```
#af24a6
```
#af24a6 rgb(175,36,166)
```
#af249b
```
#af249b rgb(175,36,155)
```
#af248f
```
#af248f rgb(175,36,143)
```
#af2483
```
#af2483 rgb(175,36,131)
```
#af2478
```
#af2478 rgb(175,36,120)
```
#af246c
```
#af246c rgb(175,36,108)
```

Similar Colors

Text with hexadecimal color #af248f

This text has a font color of #af248f.

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

#af248f background color

This paragraph has a background color of #af248f.

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

#af248f border color

This element has a border color of #af248f.

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

CSS codes

.text {color:#af248f;}

.background {background-color:#af248f;}

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

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

#0c030a
```
#0c030a rgb(12,3,10)
```
#1d0617
```
#1d0617 rgb(29,6,23)
```
#2d0925
```
#2d0925 rgb(45,9,37)
```
#3d0d32
```
#3d0d32 rgb(61,13,50)
```
#4d103f
```
#4d103f rgb(77,16,63)
```
#5e134d
```
#5e134d rgb(94,19,77)
```
#6e175a
```
#6e175a rgb(110,23,90)
```
#7e1a67
```
#7e1a67 rgb(126,26,103)
```
#8e1d74
```
#8e1d74 rgb(142,29,116)
```
#9f2182
```
#9f2182 rgb(159,33,130)
```
#af248f
```
#af248f rgb(175,36,143)
```
#bf279c
```
#bf279c rgb(191,39,156)
```
#d02baa
```
#d02baa rgb(208,43,170)
```

Shade Color Variation

#d638b2
```
#d638b2 rgb(214,56,178)
```
#d948b8
```
#d948b8 rgb(217,72,184)
```
#dd58be
```
#dd58be rgb(221,88,190)
```
#e069c5
```
#e069c5 rgb(224,105,197)
```
#e379cb
```
#e379cb rgb(227,121,203)
```
#e789d1
```
#e789d1 rgb(231,137,209)
```
#ea99d8
```
#ea99d8 rgb(234,153,216)
```
#edaade
```
#edaade rgb(237,170,222)
```
#f1bae4
```
#f1bae4 rgb(241,186,228)
```
#f4caea
```
#f4caea rgb(244,202,234)
```
#f7dbf1
```
#f7dbf1 rgb(247,219,241)
```
#fbebf7
```
#fbebf7 rgb(251,235,247)
```
#fefbfd
```
#fefbfd rgb(254,251,253)
```

Tint Color Variation

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

#6e656c
```
#6e656c rgb(110,101,108)
```
#765d70
```
#765d70 rgb(118,93,112)
```
#7e5575
```
#7e5575 rgb(126,85,117)
```
#864d79
```
#864d79 rgb(134,77,121)
```
#8f447d
```
#8f447d rgb(143,68,125)
```
#973c82
```
#973c82 rgb(151,60,130)
```
#9f3486
```
#9f3486 rgb(159,52,134)
```
#a72c8b
```
#a72c8b rgb(167,44,139)
```
#af248f
```
#af248f rgb(175,36,143)
```
#b71c93
```
#b71c93 rgb(183,28,147)
```
#bf1498
```
#bf1498 rgb(191,20,152)
```
#c70c9c
```
#c70c9c rgb(199,12,156)
```
#cf04a1
```
#cf04a1 rgb(207,4,161)
```

Tone Color Variation

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

#5a5a5a Achromatopsia 0.005% of the population
#6b4f65 Atypical Achromatopsia 0.001% of the population

Dichromacy

#3a68ba Protanopia 1% of men
#636988 Deuteranopia 1% of men
#ac494d Tritanopia 0.001% of the population

Trichromacy

#654faa Protanomaly 1% of men, 0.01% of women
#7e4f8a Deuteranomaly 6% of men, 0.4% of women
#ad3b65 Tritanomaly 0.01% of the population

#af248f hex color

#af248f Color Information

#af248f Color Conversion

Color Schemes with #af248f

Alternatives to #af248f

#af248f Preview

Shades and Tints of #af248f

Tones of #af248f

Color Blindness Simulator