#af157d hex color

In a RGB color space, hex #af157d is composed of 68.6% red, 8.2% green and 49% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 88% magenta, 28.6% yellow and 31.4% black. It has a hue angle of 319.5 degrees, a saturation of 78.6% and a lightness of 38.4%. #af157d color hex could be obtained by blending #ff2afa with #5f0000. Closest websafe color is: #990066.

♥
- f
- t
- g
- R 69
- G 8
- B 49
RGB color chart
- C 0
- M 88
- Y 29
- K 31
CMYK color chart

● #af157d color description : Dark pink.

The hexadecimal color #af157d has RGB values of R:175, G:21, B:125 and CMYK values of C:0, M:0.88, Y:0.29, K:0.31. Its decimal value is 11474301.

Hex triplet	af157d	`#af157d`
RGB Decimal	175, 21, 125	`rgb(175,21,125)`
RGB Percent	68.6, 8.2, 49	`rgb(68.6%,8.2%,49%)`
CMYK	0, 88, 29, 31
HSL	319.5°, 78.6, 38.4	`hsl(319.5,78.6%,38.4%)`
HSV (or HSB)	319.5°, 88, 68.6
Web Safe	990066	`#990066`

CIE-LAB	39.804, 64.822, -18.247
XYZ	21.649, 11.133, 20.41
xyY	0.407, 0.209, 11.133
CIE-LCH	39.804, 67.342, 344.278
CIE-LUV	39.804, 76.957, -34.847
Hunter-Lab	33.366, 57.427, -12.911
Binary	10101111, 00010101, 01111101

#af157d
```
#af157d rgb(175,21,125)
```
#15af47
```
#15af47 rgb(21,175,71)
```

Complementary Color

#9415af
```
#9415af rgb(148,21,175)
```
#af157d
```
#af157d rgb(175,21,125)
```
#af1530
```
#af1530 rgb(175,21,48)
```

Analogous Color

#15af94
```
#15af94 rgb(21,175,148)
```
#af157d
```
#af157d rgb(175,21,125)
```
#30af15
```
#30af15 rgb(48,175,21)
```

Split Complementary Color

#157daf
```
#157daf rgb(21,125,175)
```
#af157d
```
#af157d rgb(175,21,125)
```
#7daf15
```
#7daf15 rgb(125,175,21)
```

Triadic Color

#4715af
```
#4715af rgb(71,21,175)
```
#af157d
```
#af157d rgb(175,21,125)
```
#7daf15
```
#7daf15 rgb(125,175,21)
```
#15af47
```
#15af47 rgb(21,175,71)
```

Tetradic Color

#6b0d4c
```
#6b0d4c rgb(107,13,76)
```
#81105c
```
#81105c rgb(129,16,92)
```
#98126d
```
#98126d rgb(152,18,109)
```
#af157d
```
#af157d rgb(175,21,125)
```
#c6188d
```
#c6188d rgb(198,24,141)
```
#dd1a9e
```
#dd1a9e rgb(221,26,158)
```
#e62ba9
```
#e62ba9 rgb(230,43,169)
```

Monochromatic Color

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

#af15a4
```
#af15a4 rgb(175,21,164)
```
#af1597
```
#af1597 rgb(175,21,151)
```
#af158a
```
#af158a rgb(175,21,138)
```
#af157d
```
#af157d rgb(175,21,125)
```
#af1570
```
#af1570 rgb(175,21,112)
```
#af1563
```
#af1563 rgb(175,21,99)
```
#af1557
```
#af1557 rgb(175,21,87)
```

Similar Colors

Text with hexadecimal color #af157d

This text has a font color of #af157d.

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

#af157d background color

This paragraph has a background color of #af157d.

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

#af157d border color

This element has a border color of #af157d.

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

CSS codes

.text {color:#af157d;}

.background {background-color:#af157d;}

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

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

#11020c
```
#11020c rgb(17,2,12)
```
#230419
```
#230419 rgb(35,4,25)
```
#340625
```
#340625 rgb(52,6,37)
```
#460832
```
#460832 rgb(70,8,50)
```
#570a3e
```
#570a3e rgb(87,10,62)
```
#690d4b
```
#690d4b rgb(105,13,75)
```
#7a0f57
```
#7a0f57 rgb(122,15,87)
```
#8c1164
```
#8c1164 rgb(140,17,100)
```
#9d1370
```
#9d1370 rgb(157,19,112)
```
#af157d
```
#af157d rgb(175,21,125)
```
#c1178a
```
#c1178a rgb(193,23,138)
```
#d21996
```
#d21996 rgb(210,25,150)
```
#e41ba3
```
#e41ba3 rgb(228,27,163)
```

Shade Color Variation

#e62daa
```
#e62daa rgb(230,45,170)
```
#e83eb1
```
#e83eb1 rgb(232,62,177)
```
#ea50b8
```
#ea50b8 rgb(234,80,184)
```
#ec61bf
```
#ec61bf rgb(236,97,191)
```
#ee73c6
```
#ee73c6 rgb(238,115,198)
```
#f084cd
```
#f084cd rgb(240,132,205)
```
#f296d4
```
#f296d4 rgb(242,150,212)
```
#f4a7db
```
#f4a7db rgb(244,167,219)
```
#f7b9e3
```
#f7b9e3 rgb(247,185,227)
```
#f9caea
```
#f9caea rgb(249,202,234)
```
#fbdcf1
```
#fbdcf1 rgb(251,220,241)
```
#fdedf8
```
#fdedf8 rgb(253,237,248)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Tint Color Variation

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

#646063
```
#646063 rgb(100,96,99)
```
#6b5965
```
#6b5965 rgb(107,89,101)
```
#735168
```
#735168 rgb(115,81,104)
```
#7a4a6a
```
#7a4a6a rgb(122,74,106)
```
#82426d
```
#82426d rgb(130,66,109)
```
#893b70
```
#893b70 rgb(137,59,112)
```
#913372
```
#913372 rgb(145,51,114)
```
#982c75
```
#982c75 rgb(152,44,117)
```
#a02478
```
#a02478 rgb(160,36,120)
```
#a71d7a
```
#a71d7a rgb(167,29,122)
```
#af157d
```
#af157d rgb(175,21,125)
```
#b70d80
```
#b70d80 rgb(183,13,128)
```
#be0682
```
#be0682 rgb(190,6,130)
```

Tone Color Variation

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

#4f4f4f Achromatopsia 0.005% of the population
#624358 Atypical Achromatopsia 0.001% of the population

Dichromacy

#4263aa Protanopia 1% of men
#666477 Deuteranopia 1% of men
#ad3d40 Tritanopia 0.001% of the population

Trichromacy

#69479a Protanomaly 1% of men, 0.01% of women
#804779 Deuteranomaly 6% of men, 0.4% of women
#ae2e56 Tritanomaly 0.01% of the population

#af157d hex color

#af157d Color Information

#af157d Color Conversion

Color Schemes with #af157d

Alternatives to #af157d

#af157d Preview

Shades and Tints of #af157d

Tones of #af157d

Color Blindness Simulator