#af248a hex color

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

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

● #af248a color description : Dark pink.

The hexadecimal color #af248a has RGB values of R:175, G:36, B:138 and CMYK values of C:0, M:0.79, Y:0.21, K:0.31. Its decimal value is 11478154.

Hex triplet	af248a	`#af248a`
RGB Decimal	175, 36, 138	`rgb(175,36,138)`
RGB Percent	68.6, 14.1, 54.1	`rgb(68.6%,14.1%,54.1%)`
CMYK	0, 79, 21, 31
HSL	316°, 65.9, 41.4	`hsl(316,65.9%,41.4%)`
HSV (or HSB)	316°, 79.4, 68.6
Web Safe	993399	`#993399`

CIE-LAB	41.552, 63.045, -23.558
XYZ	22.898, 12.213, 25.195
xyY	0.38, 0.203, 12.213
CIE-LCH	41.552, 67.303, 339.511
CIE-LUV	41.552, 68.779, -42.197
Hunter-Lab	34.947, 55.8, -18.283
Binary	10101111, 00100100, 10001010

#af248a
```
#af248a rgb(175,36,138)
```
#24af49
```
#24af49 rgb(36,175,73)
```

Complementary Color

#8f24af
```
#8f24af rgb(143,36,175)
```
#af248a
```
#af248a rgb(175,36,138)
```
#af2444
```
#af2444 rgb(175,36,68)
```

Analogous Color

#24af8f
```
#24af8f rgb(36,175,143)
```
#af248a
```
#af248a rgb(175,36,138)
```
#44af24
```
#44af24 rgb(68,175,36)
```

Split Complementary Color

#248aaf
```
#248aaf rgb(36,138,175)
```
#af248a
```
#af248a rgb(175,36,138)
```
#8aaf24
```
#8aaf24 rgb(138,175,36)
```

Triadic Color

#4924af
```
#4924af rgb(73,36,175)
```
#af248a
```
#af248a rgb(175,36,138)
```
#8aaf24
```
#8aaf24 rgb(138,175,36)
```
#24af49
```
#24af49 rgb(36,175,73)
```

Tetradic Color

#701758
```
#701758 rgb(112,23,88)
```
#851b69
```
#851b69 rgb(133,27,105)
```
#9a2079
```
#9a2079 rgb(154,32,121)
```
#af248a
```
#af248a rgb(175,36,138)
```
#c4289b
```
#c4289b rgb(196,40,155)
```
#d531a9
```
#d531a9 rgb(213,49,169)
```
#d946b2
```
#d946b2 rgb(217,70,178)
```

Monochromatic Color

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

#af24ad
```
#af24ad rgb(175,36,173)
```
#af24a1
```
#af24a1 rgb(175,36,161)
```
#af2496
```
#af2496 rgb(175,36,150)
```
#af248a
```
#af248a rgb(175,36,138)
```
#af247e
```
#af247e rgb(175,36,126)
```
#af2473
```
#af2473 rgb(175,36,115)
```
#af2467
```
#af2467 rgb(175,36,103)
```

Similar Colors

Text with hexadecimal color #af248a

This text has a font color of #af248a.

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

#af248a background color

This paragraph has a background color of #af248a.

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

#af248a border color

This element has a border color of #af248a.

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

CSS codes

.text {color:#af248a;}

.background {background-color:#af248a;}

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

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)
```
#2d0923
```
#2d0923 rgb(45,9,35)
```
#3d0d30
```
#3d0d30 rgb(61,13,48)
```
#4d103d
```
#4d103d rgb(77,16,61)
```
#5e134a
```
#5e134a rgb(94,19,74)
```
#6e1757
```
#6e1757 rgb(110,23,87)
```
#7e1a64
```
#7e1a64 rgb(126,26,100)
```
#8e1d70
```
#8e1d70 rgb(142,29,112)
```
#9f217d
```
#9f217d rgb(159,33,125)
```
#af248a
```
#af248a rgb(175,36,138)
```
#bf2797
```
#bf2797 rgb(191,39,151)
```
#d02ba4
```
#d02ba4 rgb(208,43,164)
```

Shade Color Variation

#d638ac
```
#d638ac rgb(214,56,172)
```
#d948b3
```
#d948b3 rgb(217,72,179)
```
#dd58b9
```
#dd58b9 rgb(221,88,185)
```
#e069c0
```
#e069c0 rgb(224,105,192)
```
#e379c7
```
#e379c7 rgb(227,121,199)
```
#e789ce
```
#e789ce rgb(231,137,206)
```
#ea99d5
```
#ea99d5 rgb(234,153,213)
```
#edaadb
```
#edaadb rgb(237,170,219)
```
#f1bae2
```
#f1bae2 rgb(241,186,226)
```
#f4cae9
```
#f4cae9 rgb(244,202,233)
```
#f7dbf0
```
#f7dbf0 rgb(247,219,240)
```
#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 #cf0499 is the most saturated one.

#6e656c
```
#6e656c rgb(110,101,108)
```
#765d6f
```
#765d6f rgb(118,93,111)
```
#7e5573
```
#7e5573 rgb(126,85,115)
```
#864d77
```
#864d77 rgb(134,77,119)
```
#8f447b
```
#8f447b rgb(143,68,123)
```
#973c7f
```
#973c7f rgb(151,60,127)
```
#9f3482
```
#9f3482 rgb(159,52,130)
```
#a72c86
```
#a72c86 rgb(167,44,134)
```
#af248a
```
#af248a rgb(175,36,138)
```
#b71c8e
```
#b71c8e rgb(183,28,142)
```
#bf1492
```
#bf1492 rgb(191,20,146)
```
#c70c95
```
#c70c95 rgb(199,12,149)
```
#cf0499
```
#cf0499 rgb(207,4,153)
```

Tone Color Variation

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

#595959 Achromatopsia 0.005% of the population
#6a4e63 Atypical Achromatopsia 0.001% of the population

Dichromacy

#4067b4 Protanopia 1% of men
#656884 Deuteranopia 1% of men
#ac484c Tritanopia 0.001% of the population

Trichromacy

#684fa5 Protanomaly 1% of men, 0.01% of women
#804f86 Deuteranomaly 6% of men, 0.4% of women
#ad3a62 Tritanomaly 0.01% of the population

#af248a hex color

#af248a Color Information

#af248a Color Conversion

Color Schemes with #af248a

Alternatives to #af248a

#af248a Preview

Shades and Tints of #af248a

Tones of #af248a

Color Blindness Simulator