#af5f7a hex color

In a RGB color space, hex #af5f7a is composed of 68.6% red, 37.3% green and 47.8% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 45.7% magenta, 30.3% yellow and 31.4% black. It has a hue angle of 339.8 degrees, a saturation of 33.3% and a lightness of 52.9%. #af5f7a color hex could be obtained by blending #ffbef4 with #5f0000. Closest websafe color is: #996666.

♥
- f
- t
- g
- R 69
- G 37
- B 48
RGB color chart
- C 0
- M 46
- Y 30
- K 31
CMYK color chart

● #af5f7a color description : Dark moderate pink.

The hexadecimal color #af5f7a has RGB values of R:175, G:95, B:122 and CMYK values of C:0, M:0.46, Y:0.3, K:0.31. Its decimal value is 11493242.

Hex triplet	af5f7a	`#af5f7a`
RGB Decimal	175, 95, 122	`rgb(175,95,122)`
RGB Percent	68.6, 37.3, 47.8	`rgb(68.6%,37.3%,47.8%)`
CMYK	0, 46, 30, 31
HSL	339.8°, 33.3, 52.9	`hsl(339.8,33.3%,52.9%)`
HSV (or HSB)	339.8°, 45.7, 68.6
Web Safe	996666	`#996666`

CIE-LAB	50.34, 35.619, -0.602
XYZ	25.284, 18.705, 20.69
xyY	0.391, 0.289, 18.705
CIE-LCH	50.34, 35.624, 359.032
CIE-LUV	50.34, 50.418, -7.06
Hunter-Lab	43.249, 28.667, 1.911
Binary	10101111, 01011111, 01111010

#af5f7a
```
#af5f7a rgb(175,95,122)
```
#5faf94
```
#5faf94 rgb(95,175,148)
```

Complementary Color

#af5fa2
```
#af5fa2 rgb(175,95,162)
```
#af5f7a
```
#af5f7a rgb(175,95,122)
```
#af6c5f
```
#af6c5f rgb(175,108,95)
```

Analogous Color

#5fa2af
```
#5fa2af rgb(95,162,175)
```
#af5f7a
```
#af5f7a rgb(175,95,122)
```
#5faf6c
```
#5faf6c rgb(95,175,108)
```

Split Complementary Color

#5f7aaf
```
#5f7aaf rgb(95,122,175)
```
#af5f7a
```
#af5f7a rgb(175,95,122)
```
#7aaf5f
```
#7aaf5f rgb(122,175,95)
```

Triadic Color

#945faf
```
#945faf rgb(148,95,175)
```
#af5f7a
```
#af5f7a rgb(175,95,122)
```
#7aaf5f
```
#7aaf5f rgb(122,175,95)
```
#5faf94
```
#5faf94 rgb(95,175,148)
```

Tetradic Color

#814156
```
#814156 rgb(129,65,86)
```
#924962
```
#924962 rgb(146,73,98)
```
#a3526d
```
#a3526d rgb(163,82,109)
```
#af5f7a
```
#af5f7a rgb(175,95,122)
```
#b87088
```
#b87088 rgb(184,112,136)
```
#c08196
```
#c08196 rgb(192,129,150)
```
#c992a4
```
#c992a4 rgb(201,146,164)
```

Monochromatic Color

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

#af5f8e
```
#af5f8e rgb(175,95,142)
```
#af5f87
```
#af5f87 rgb(175,95,135)
```
#af5f81
```
#af5f81 rgb(175,95,129)
```
#af5f7a
```
#af5f7a rgb(175,95,122)
```
#af5f73
```
#af5f73 rgb(175,95,115)
```
#af5f6d
```
#af5f6d rgb(175,95,109)
```
#af5f66
```
#af5f66 rgb(175,95,102)
```

Similar Colors

Text with hexadecimal color #af5f7a

This text has a font color of #af5f7a.

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

#af5f7a background color

This paragraph has a background color of #af5f7a.

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

#af5f7a border color

This element has a border color of #af5f7a.

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

CSS codes

.text {color:#af5f7a;}

.background {background-color:#af5f7a;}

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

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

#0a0507
```
#0a0507 rgb(10,5,7)
```
#170c0f
```
#170c0f rgb(23,12,15)
```
#241218
```
#241218 rgb(36,18,24)
```
#311921
```
#311921 rgb(49,25,33)
```
#3e1f2a
```
#3e1f2a rgb(62,31,42)
```
#4b2632
```
#4b2632 rgb(75,38,50)
```
#582c3b
```
#582c3b rgb(88,44,59)
```
#663344
```
#663344 rgb(102,51,68)
```
#73394d
```
#73394d rgb(115,57,77)
```
#804055
```
#804055 rgb(128,64,85)
```
#8d465e
```
#8d465e rgb(141,70,94)
```
#9a4d67
```
#9a4d67 rgb(154,77,103)
```
#a75370
```
#a75370 rgb(167,83,112)
```

Shade Color Variation

#af5f7a
```
#af5f7a rgb(175,95,122)
```
#b66c85
```
#b66c85 rgb(182,108,133)
```
#bc7990
```
#bc7990 rgb(188,121,144)
```
#c3869b
```
#c3869b rgb(195,134,155)
```
#c993a5
```
#c993a5 rgb(201,147,165)
```
#d0a0b0
```
#d0a0b0 rgb(208,160,176)
```
#d6adbb
```
#d6adbb rgb(214,173,187)
```
#ddbbc6
```
#ddbbc6 rgb(221,187,198)
```
#e3c8d1
```
#e3c8d1 rgb(227,200,209)
```
#ead5dc
```
#ead5dc rgb(234,213,220)
```
#f0e2e7
```
#f0e2e7 rgb(240,226,231)
```
#f7eff2
```
#f7eff2 rgb(247,239,242)
```
#fdfcfc
```
#fdfcfc rgb(253,252,252)
```

Tint Color Variation

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

#8a8486
```
#8a8486 rgb(138,132,134)
```
#937b83
```
#937b83 rgb(147,123,131)
```
#9d7180
```
#9d7180 rgb(157,113,128)
```
#a6687d
```
#a6687d rgb(166,104,125)
```
#af5f7a
```
#af5f7a rgb(175,95,122)
```
#b85677
```
#b85677 rgb(184,86,119)
```
#c14d74
```
#c14d74 rgb(193,77,116)
```
#cb4371
```
#cb4371 rgb(203,67,113)
```
#d43a6e
```
#d43a6e rgb(212,58,110)
```
#dd316b
```
#dd316b rgb(221,49,107)
```
#e62868
```
#e62868 rgb(230,40,104)
```
#f01e65
```
#f01e65 rgb(240,30,101)
```
#f91562
```
#f91562 rgb(249,21,98)
```

Tone Color Variation

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

#7a7a7a Achromatopsia 0.005% of the population
#85757a Atypical Achromatopsia 0.001% of the population

Dichromacy

#7c7d8d Protanopia 1% of men
#8b7a7b Deuteranopia 1% of men
#b16a71 Tritanopia 0.001% of the population

Trichromacy

#8e7286 Protanomaly 1% of men, 0.01% of women
#98707b Deuteranomaly 6% of men, 0.4% of women
#b06674 Tritanomaly 0.01% of the population

#af5f7a hex color

#af5f7a Color Information

#af5f7a Color Conversion

Color Schemes with #af5f7a

Alternatives to #af5f7a

#af5f7a Preview

Shades and Tints of #af5f7a

Tones of #af5f7a

Color Blindness Simulator