colorhexa.com

#af5e7a hex color

In a RGB color space, hex #af5e7a is composed of 68.6% red, 36.9% green and 47.8% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 46.3% magenta, 30.3% yellow and 31.4% black. It has a hue angle of 339.3 degrees, a saturation of 33.6% and a lightness of 52.7%. #af5e7a color hex could be obtained by blending #ffbcf4 with #5f0000. Closest websafe color is: #996666.

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

● #af5e7a color description : Dark moderate pink.

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

Hex triplet	af5e7a	`#af5e7a`
RGB Decimal	175, 94, 122	`rgb(175,94,122)`
RGB Percent	68.6, 36.9, 47.8	`rgb(68.6%,36.9%,47.8%)`
CMYK	0, 46, 30, 31
HSL	339.3°, 33.6, 52.7	`hsl(339.3,33.6%,52.7%)`
HSV (or HSB)	339.3°, 46.3, 68.6
Web Safe	996666	`#996666`

CIE-LAB	50.128, 36.154, -0.913
XYZ	25.195, 18.526, 20.66
xyY	0.391, 0.288, 18.526
CIE-LCH	50.128, 36.166, 358.554
CIE-LUV	50.128, 50.971, -7.567
Hunter-Lab	43.042, 29.162, 1.67
Binary	10101111, 01011110, 01111010

#af5e7a
```
#af5e7a rgb(175,94,122)
```
#5eaf93
```
#5eaf93 rgb(94,175,147)
```

Complementary Color

#af5ea3
```
#af5ea3 rgb(175,94,163)
```
#af5e7a
```
#af5e7a rgb(175,94,122)
```
#af6b5e
```
#af6b5e rgb(175,107,94)
```

Analogous Color

#5ea3af
```
#5ea3af rgb(94,163,175)
```
#af5e7a
```
#af5e7a rgb(175,94,122)
```
#5eaf6b
```
#5eaf6b rgb(94,175,107)
```

Split Complementary Color

#5e7aaf
```
#5e7aaf rgb(94,122,175)
```
#af5e7a
```
#af5e7a rgb(175,94,122)
```
#7aaf5e
```
#7aaf5e rgb(122,175,94)
```

Triadic Color

#935eaf
```
#935eaf rgb(147,94,175)
```
#af5e7a
```
#af5e7a rgb(175,94,122)
```
#7aaf5e
```
#7aaf5e rgb(122,175,94)
```
#5eaf93
```
#5eaf93 rgb(94,175,147)
```

Tetradic Color

#814056
```
#814056 rgb(129,64,86)
```
#924862
```
#924862 rgb(146,72,98)
```
#a3516d
```
#a3516d rgb(163,81,109)
```
#af5e7a
```
#af5e7a rgb(175,94,122)
```
#b76f88
```
#b76f88 rgb(183,111,136)
```
#c08096
```
#c08096 rgb(192,128,150)
```
#c891a4
```
#c891a4 rgb(200,145,164)
```

Monochromatic Color

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

#af5e8e
```
#af5e8e rgb(175,94,142)
```
#af5e88
```
#af5e88 rgb(175,94,136)
```
#af5e81
```
#af5e81 rgb(175,94,129)
```
#af5e7a
```
#af5e7a rgb(175,94,122)
```
#af5e73
```
#af5e73 rgb(175,94,115)
```
#af5e6d
```
#af5e6d rgb(175,94,109)
```
#af5e66
```
#af5e66 rgb(175,94,102)
```

Similar Colors

Text with hexadecimal color #af5e7a

This text has a font color of #af5e7a.

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

#af5e7a background color

This paragraph has a background color of #af5e7a.

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

#af5e7a border color

This element has a border color of #af5e7a.

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

CSS codes

.text {color:#af5e7a;}

.background {background-color:#af5e7a;}

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

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, #090506 is the darkest color, while #fdfbfc is the lightest one.

#090506
```
#090506 rgb(9,5,6)
```
#160b0f
```
#160b0f rgb(22,11,15)
```
#241218
```
#241218 rgb(36,18,24)
```
#311821
```
#311821 rgb(49,24,33)
```
#3e1f29
```
#3e1f29 rgb(62,31,41)
```
#4b2532
```
#4b2532 rgb(75,37,50)
```
#582c3b
```
#582c3b rgb(88,44,59)
```
#653244
```
#653244 rgb(101,50,68)
```
#72394d
```
#72394d rgb(114,57,77)
```
#7f3f55
```
#7f3f55 rgb(127,63,85)
```
#8c465e
```
#8c465e rgb(140,70,94)
```
#994c67
```
#994c67 rgb(153,76,103)
```
#a75370
```
#a75370 rgb(167,83,112)
```

Shade Color Variation

#af5e7a
```
#af5e7a rgb(175,94,122)
```
#b66b85
```
#b66b85 rgb(182,107,133)
```
#bc7890
```
#bc7890 rgb(188,120,144)
```
#c3859a
```
#c3859a rgb(195,133,154)
```
#c992a5
```
#c992a5 rgb(201,146,165)
```
#d0a0b0
```
#d0a0b0 rgb(208,160,176)
```
#d6adbb
```
#d6adbb rgb(214,173,187)
```
#ddbac6
```
#ddbac6 rgb(221,186,198)
```
#e3c7d1
```
#e3c7d1 rgb(227,199,209)
```
#ead4db
```
#ead4db rgb(234,212,219)
```
#f0e1e6
```
#f0e1e6 rgb(240,225,230)
```
#f7eef1
```
#f7eef1 rgb(247,238,241)
```
#fdfbfc
```
#fdfbfc rgb(253,251,252)
```

Tint Color Variation

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

#8a8385
```
#8a8385 rgb(138,131,133)
```
#937a83
```
#937a83 rgb(147,122,131)
```
#9c7180
```
#9c7180 rgb(156,113,128)
```
#a6677d
```
#a6677d rgb(166,103,125)
```
#af5e7a
```
#af5e7a rgb(175,94,122)
```
#b85577
```
#b85577 rgb(184,85,119)
```
#c24b74
```
#c24b74 rgb(194,75,116)
```
#cb4271
```
#cb4271 rgb(203,66,113)
```
#d4396f
```
#d4396f rgb(212,57,111)
```
#dd306c
```
#dd306c rgb(221,48,108)
```
#e72669
```
#e72669 rgb(231,38,105)
```
#f01d66
```
#f01d66 rgb(240,29,102)
```
#f91463
```
#f91463 rgb(249,20,99)
```

Tone Color Variation

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

#797979 Achromatopsia 0.005% of the population
#847479 Atypical Achromatopsia 0.001% of the population

Dichromacy

#7b7d8d Protanopia 1% of men
#8a7a7b Deuteranopia 1% of men
#b16970 Tritanopia 0.001% of the population

Trichromacy

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