#af5a7a hex color

In a RGB color space, hex #af5a7a is composed of 68.6% red, 35.3% green and 47.8% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 48.6% magenta, 30.3% yellow and 31.4% black. It has a hue angle of 337.4 degrees, a saturation of 34.7% and a lightness of 52%. #af5a7a color hex could be obtained by blending #ffb4f4 with #5f0000. Closest websafe color is: #996666.

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

● #af5a7a color description : Dark moderate pink.

The hexadecimal color #af5a7a has RGB values of R:175, G:90, B:122 and CMYK values of C:0, M:0.49, Y:0.3, K:0.31. Its decimal value is 11491962.

Hex triplet	af5a7a	`#af5a7a`
RGB Decimal	175, 90, 122	`rgb(175,90,122)`
RGB Percent	68.6, 35.3, 47.8	`rgb(68.6%,35.3%,47.8%)`
CMYK	0, 49, 30, 31
HSL	337.4°, 34.7, 52	`hsl(337.4,34.7%,52%)`
HSV (or HSB)	337.4°, 48.6, 68.6
Web Safe	996666	`#996666`

CIE-LAB	49.293, 38.274, -2.138
XYZ	24.848, 17.833, 20.545
xyY	0.393, 0.282, 17.833
CIE-LCH	49.293, 38.334, 356.803
CIE-LUV	49.293, 53.154, -9.564
Hunter-Lab	42.229, 31.131, 0.716
Binary	10101111, 01011010, 01111010

#af5a7a
```
#af5a7a rgb(175,90,122)
```
#5aaf8f
```
#5aaf8f rgb(90,175,143)
```

Complementary Color

#af5aa5
```
#af5aa5 rgb(175,90,165)
```
#af5a7a
```
#af5a7a rgb(175,90,122)
```
#af655a
```
#af655a rgb(175,101,90)
```

Analogous Color

#5aa5af
```
#5aa5af rgb(90,165,175)
```
#af5a7a
```
#af5a7a rgb(175,90,122)
```
#5aaf65
```
#5aaf65 rgb(90,175,101)
```

Split Complementary Color

#5a7aaf
```
#5a7aaf rgb(90,122,175)
```
#af5a7a
```
#af5a7a rgb(175,90,122)
```
#7aaf5a
```
#7aaf5a rgb(122,175,90)
```

Triadic Color

#8f5aaf
```
#8f5aaf rgb(143,90,175)
```
#af5a7a
```
#af5a7a rgb(175,90,122)
```
#7aaf5a
```
#7aaf5a rgb(122,175,90)
```
#5aaf8f
```
#5aaf8f rgb(90,175,143)
```

Tetradic Color

#7f3e56
```
#7f3e56 rgb(127,62,86)
```
#904662
```
#904662 rgb(144,70,98)
```
#a14e6d
```
#a14e6d rgb(161,78,109)
```
#af5a7a
```
#af5a7a rgb(175,90,122)
```
#b76b88
```
#b76b88 rgb(183,107,136)
```
#c07c96
```
#c07c96 rgb(192,124,150)
```
#c88ea4
```
#c88ea4 rgb(200,142,164)
```

Monochromatic Color

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

#af5a8f
```
#af5a8f rgb(175,90,143)
```
#af5a88
```
#af5a88 rgb(175,90,136)
```
#af5a81
```
#af5a81 rgb(175,90,129)
```
#af5a7a
```
#af5a7a rgb(175,90,122)
```
#af5a73
```
#af5a73 rgb(175,90,115)
```
#af5a6c
```
#af5a6c rgb(175,90,108)
```
#af5a65
```
#af5a65 rgb(175,90,101)
```

Similar Colors

Text with hexadecimal color #af5a7a

This text has a font color of #af5a7a.

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

#af5a7a background color

This paragraph has a background color of #af5a7a.

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

#af5a7a border color

This element has a border color of #af5a7a.

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

CSS codes

.text {color:#af5a7a;}

.background {background-color:#af5a7a;}

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

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

#070305
```
#070305 rgb(7,3,5)
```
#140a0e
```
#140a0e rgb(20,10,14)
```
#211017
```
#211017 rgb(33,16,23)
```
#2e161f
```
#2e161f rgb(46,22,31)
```
#3c1d28
```
#3c1d28 rgb(60,29,40)
```
#492331
```
#492331 rgb(73,35,49)
```
#562a3a
```
#562a3a rgb(86,42,58)
```
#633043
```
#633043 rgb(99,48,67)
```
#70374c
```
#70374c rgb(112,55,76)
```
#7e3d55
```
#7e3d55 rgb(126,61,85)
```
#8b435e
```
#8b435e rgb(139,67,94)
```
#984a67
```
#984a67 rgb(152,74,103)
```
#a55070
```
#a55070 rgb(165,80,112)
```

Shade Color Variation

#af5a7a
```
#af5a7a rgb(175,90,122)
```
#b56785
```
#b56785 rgb(181,103,133)
```
#bc748f
```
#bc748f rgb(188,116,143)
```
#c2829a
```
#c2829a rgb(194,130,154)
```
#c98fa5
```
#c98fa5 rgb(201,143,165)
```
#cf9caf
```
#cf9caf rgb(207,156,175)
```
#d5a9ba
```
#d5a9ba rgb(213,169,186)
```
#dcb6c5
```
#dcb6c5 rgb(220,182,197)
```
#e2c4cf
```
#e2c4cf rgb(226,196,207)
```
#e9d1da
```
#e9d1da rgb(233,209,218)
```
#efdee4
```
#efdee4 rgb(239,222,228)
```
#f5ebef
```
#f5ebef rgb(245,235,239)
```
#fcf9fa
```
#fcf9fa rgb(252,249,250)
```

Tint Color Variation

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

#898083
```
#898083 rgb(137,128,131)
```
#937681
```
#937681 rgb(147,118,129)
```
#9c6d7f
```
#9c6d7f rgb(156,109,127)
```
#a6637c
```
#a6637c rgb(166,99,124)
```
#af5a7a
```
#af5a7a rgb(175,90,122)
```
#b85178
```
#b85178 rgb(184,81,120)
```
#c24775
```
#c24775 rgb(194,71,117)
```
#cb3e73
```
#cb3e73 rgb(203,62,115)
```
#d53471
```
#d53471 rgb(213,52,113)
```
#de2b6e
```
#de2b6e rgb(222,43,110)
```
#e8216c
```
#e8216c rgb(232,33,108)
```
#f1186a
```
#f1186a rgb(241,24,106)
```
#fa0f67
```
#fa0f67 rgb(250,15,103)
```

Tone Color Variation

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

#777777 Achromatopsia 0.005% of the population
#827178 Atypical Achromatopsia 0.001% of the population

Dichromacy

#787b8e Protanopia 1% of men
#88787b Deuteranopia 1% of men
#b1666d Tritanopia 0.001% of the population

Trichromacy

#8c6f87 Protanomaly 1% of men, 0.01% of women
#966d7a Deuteranomaly 6% of men, 0.4% of women
#b06171 Tritanomaly 0.01% of the population

#af5a7a hex color

#af5a7a Color Information

#af5a7a Color Conversion

Color Schemes with #af5a7a

Alternatives to #af5a7a

#af5a7a Preview

Shades and Tints of #af5a7a

Tones of #af5a7a

Color Blindness Simulator