#af148f hex color

In a RGB color space, hex #af148f is composed of 68.6% red, 7.8% green and 56.1% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 88.6% magenta, 18.3% yellow and 31.4% black. It has a hue angle of 312.4 degrees, a saturation of 79.5% and a lightness of 38.2%. #af148f color hex could be obtained by blending #ff28ff with #5f001f. Closest websafe color is: #990099.

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

● #af148f color description : Dark magenta.

The hexadecimal color #af148f has RGB values of R:175, G:20, B:143 and CMYK values of C:0, M:0.89, Y:0.18, K:0.31. Its decimal value is 11474063.

Hex triplet	af148f	`#af148f`
RGB Decimal	175, 20, 143	`rgb(175,20,143)`
RGB Percent	68.6, 7.8, 56.1	`rgb(68.6%,7.8%,56.1%)`
CMYK	0, 89, 18, 31
HSL	312.4°, 79.5, 38.2	`hsl(312.4,79.5%,38.2%)`
HSV (or HSB)	312.4°, 88.6, 68.6
Web Safe	990099	`#990099`

CIE-LAB	40.572, 67.222, -28.141
XYZ	22.887, 11.599, 27.019
xyY	0.372, 0.189, 11.599
CIE-LCH	40.572, 72.875, 337.284
CIE-LUV	40.572, 69.385, -48.908
Hunter-Lab	34.058, 60.353, -23.195
Binary	10101111, 00010100, 10001111

#af148f
```
#af148f rgb(175,20,143)
```
#14af34
```
#14af34 rgb(20,175,52)
```

Complementary Color

#8214af
```
#8214af rgb(130,20,175)
```
#af148f
```
#af148f rgb(175,20,143)
```
#af1442
```
#af1442 rgb(175,20,66)
```

Analogous Color

#14af82
```
#14af82 rgb(20,175,130)
```
#af148f
```
#af148f rgb(175,20,143)
```
#42af14
```
#42af14 rgb(66,175,20)
```

Split Complementary Color

#148faf
```
#148faf rgb(20,143,175)
```
#af148f
```
#af148f rgb(175,20,143)
```
#8faf14
```
#8faf14 rgb(143,175,20)
```

Triadic Color

#3414af
```
#3414af rgb(52,20,175)
```
#af148f
```
#af148f rgb(175,20,143)
```
#8faf14
```
#8faf14 rgb(143,175,20)
```
#14af34
```
#14af34 rgb(20,175,52)
```

Tetradic Color

#6a0c57
```
#6a0c57 rgb(106,12,87)
```
#810f6a
```
#810f6a rgb(129,15,106)
```
#98117c
```
#98117c rgb(152,17,124)
```
#af148f
```
#af148f rgb(175,20,143)
```
#c617a2
```
#c617a2 rgb(198,23,162)
```
#dd19b4
```
#dd19b4 rgb(221,25,180)
```
#e729bf
```
#e729bf rgb(231,41,191)
```

Monochromatic Color

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

#a814af
```
#a814af rgb(168,20,175)
```
#af14a9
```
#af14a9 rgb(175,20,169)
```
#af149c
```
#af149c rgb(175,20,156)
```
#af148f
```
#af148f rgb(175,20,143)
```
#af1482
```
#af1482 rgb(175,20,130)
```
#af1475
```
#af1475 rgb(175,20,117)
```
#af1468
```
#af1468 rgb(175,20,104)
```

Similar Colors

Text with hexadecimal color #af148f

This text has a font color of #af148f.

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

#af148f background color

This paragraph has a background color of #af148f.

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

#af148f border color

This element has a border color of #af148f.

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

CSS codes

.text {color:#af148f;}

.background {background-color:#af148f;}

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

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, #11020e is the darkest color, while #fffeff is the lightest one.

#11020e
```
#11020e rgb(17,2,14)
```
#22041c
```
#22041c rgb(34,4,28)
```
#34062a
```
#34062a rgb(52,6,42)
```
#450839
```
#450839 rgb(69,8,57)
```
#570a47
```
#570a47 rgb(87,10,71)
```
#690c55
```
#690c55 rgb(105,12,85)
```
#7a0e64
```
#7a0e64 rgb(122,14,100)
```
#8c1072
```
#8c1072 rgb(140,16,114)
```
#9d1281
```
#9d1281 rgb(157,18,129)
```
#af148f
```
#af148f rgb(175,20,143)
```
#c1169d
```
#c1169d rgb(193,22,157)
```
#d218ac
```
#d218ac rgb(210,24,172)
```
#e41aba
```
#e41aba rgb(228,26,186)
```

Shade Color Variation

#e72bc0
```
#e72bc0 rgb(231,43,192)
```
#e93cc5
```
#e93cc5 rgb(233,60,197)
```
#eb4eca
```
#eb4eca rgb(235,78,202)
```
#ed60d0
```
#ed60d0 rgb(237,96,208)
```
#ef71d5
```
#ef71d5 rgb(239,113,213)
```
#f183da
```
#f183da rgb(241,131,218)
```
#f394df
```
#f394df rgb(243,148,223)
```
#f5a6e5
```
#f5a6e5 rgb(245,166,229)
```
#f7b8ea
```
#f7b8ea rgb(247,184,234)
```
#f9c9ef
```
#f9c9ef rgb(249,201,239)
```
#fbdbf4
```
#fbdbf4 rgb(251,219,244)
```
#fdecf9
```
#fdecf9 rgb(253,236,249)
```
#fffeff
```
#fffeff rgb(255,254,255)
```

Tint Color Variation

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

#645f63
```
#645f63 rgb(100,95,99)
```
#6c5867
```
#6c5867 rgb(108,88,103)
```
#73506c
```
#73506c rgb(115,80,108)
```
#7b4970
```
#7b4970 rgb(123,73,112)
```
#824175
```
#824175 rgb(130,65,117)
```
#8a3a79
```
#8a3a79 rgb(138,58,121)
```
#91327d
```
#91327d rgb(145,50,125)
```
#992b82
```
#992b82 rgb(153,43,130)
```
#a02386
```
#a02386 rgb(160,35,134)
```
#a81c8b
```
#a81c8b rgb(168,28,139)
```
#af148f
```
#af148f rgb(175,20,143)
```
#b70d93
```
#b70d93 rgb(183,13,147)
```
#be0598
```
#be0598 rgb(190,5,152)
```

Tone Color Variation

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

#505050 Achromatopsia 0.005% of the population
#63445d Atypical Achromatopsia 0.001% of the population

Dichromacy

#2564c0 Protanopia 1% of men
#5f6687 Deuteranopia 1% of men
#ac4347 Tritanopia 0.001% of the population

Trichromacy

#5747ae Protanomaly 1% of men, 0.01% of women
#7c488a Deuteranomaly 6% of men, 0.4% of women
#ad3261 Tritanomaly 0.01% of the population

#af148f hex color

#af148f Color Information

#af148f Color Conversion

Color Schemes with #af148f

Alternatives to #af148f

#af148f Preview

Shades and Tints of #af148f

Tones of #af148f

Color Blindness Simulator