#af5a8e hex color

In a RGB color space, hex #af5a8e is composed of 68.6% red, 35.3% green and 55.7% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 48.6% magenta, 18.9% yellow and 31.4% black. It has a hue angle of 323.3 degrees, a saturation of 34.7% and a lightness of 52%. #af5a8e color hex could be obtained by blending #ffb4ff with #5f001d. Closest websafe color is: #996699.

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

● #af5a8e color description : Dark moderate pink.

The hexadecimal color #af5a8e has RGB values of R:175, G:90, B:142 and CMYK values of C:0, M:0.49, Y:0.19, K:0.31. Its decimal value is 11491982.

Hex triplet	af5a8e	`#af5a8e`
RGB Decimal	175, 90, 142	`rgb(175,90,142)`
RGB Percent	68.6, 35.3, 55.7	`rgb(68.6%,35.3%,55.7%)`
CMYK	0, 49, 19, 31
HSL	323.3°, 34.7, 52	`hsl(323.3,34.7%,52%)`
HSV (or HSB)	323.3°, 48.6, 68.6
Web Safe	996699	`#996699`

CIE-LAB	49.955, 41.19, -13.098
XYZ	26.218, 18.381, 27.757
xyY	0.362, 0.254, 18.381
CIE-LCH	49.955, 43.223, 342.359
CIE-LUV	49.955, 48.323, -25.248
Hunter-Lab	42.873, 34.129, -8.374
Binary	10101111, 01011010, 10001110

#af5a8e
```
#af5a8e rgb(175,90,142)
```
#5aaf7b
```
#5aaf7b rgb(90,175,123)
```

Complementary Color

#a65aaf
```
#a65aaf rgb(166,90,175)
```
#af5a8e
```
#af5a8e rgb(175,90,142)
```
#af5a64
```
#af5a64 rgb(175,90,100)
```

Analogous Color

#5aafa6
```
#5aafa6 rgb(90,175,166)
```
#af5a8e
```
#af5a8e rgb(175,90,142)
```
#64af5a
```
#64af5a rgb(100,175,90)
```

Split Complementary Color

#5a8eaf
```
#5a8eaf rgb(90,142,175)
```
#af5a8e
```
#af5a8e rgb(175,90,142)
```
#8eaf5a
```
#8eaf5a rgb(142,175,90)
```

Triadic Color

#7b5aaf
```
#7b5aaf rgb(123,90,175)
```
#af5a8e
```
#af5a8e rgb(175,90,142)
```
#8eaf5a
```
#8eaf5a rgb(142,175,90)
```
#5aaf7b
```
#5aaf7b rgb(90,175,123)
```

Tetradic Color

#7f3e66
```
#7f3e66 rgb(127,62,102)
```
#904673
```
#904673 rgb(144,70,115)
```
#a14e81
```
#a14e81 rgb(161,78,129)
```
#af5a8e
```
#af5a8e rgb(175,90,142)
```
#b76b9a
```
#b76b9a rgb(183,107,154)
```
#c07ca6
```
#c07ca6 rgb(192,124,166)
```
#c88eb1
```
#c88eb1 rgb(200,142,177)
```

Monochromatic Color

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

#af5aa3
```
#af5aa3 rgb(175,90,163)
```
#af5a9c
```
#af5a9c rgb(175,90,156)
```
#af5a95
```
#af5a95 rgb(175,90,149)
```
#af5a8e
```
#af5a8e rgb(175,90,142)
```
#af5a87
```
#af5a87 rgb(175,90,135)
```
#af5a80
```
#af5a80 rgb(175,90,128)
```
#af5a79
```
#af5a79 rgb(175,90,121)
```

Similar Colors

Text with hexadecimal color #af5a8e

This text has a font color of #af5a8e.

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

#af5a8e background color

This paragraph has a background color of #af5a8e.

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

#af5a8e border color

This element has a border color of #af5a8e.

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

CSS codes

.text {color:#af5a8e;}

.background {background-color:#af5a8e;}

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

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 #fcf9fb is the lightest one.

#070305
```
#070305 rgb(7,3,5)
```
#140a10
```
#140a10 rgb(20,10,16)
```
#21101b
```
#21101b rgb(33,16,27)
```
#2e1625
```
#2e1625 rgb(46,22,37)
```
#3c1d30
```
#3c1d30 rgb(60,29,48)
```
#49233a
```
#49233a rgb(73,35,58)
```
#562a45
```
#562a45 rgb(86,42,69)
```
#63304f
```
#63304f rgb(99,48,79)
```
#70375a
```
#70375a rgb(112,55,90)
```
#7e3d65
```
#7e3d65 rgb(126,61,101)
```
#8b436f
```
#8b436f rgb(139,67,111)
```
#984a7a
```
#984a7a rgb(152,74,122)
```
#a55084
```
#a55084 rgb(165,80,132)
```

Shade Color Variation

#af5a8e
```
#af5a8e rgb(175,90,142)
```
#b56797
```
#b56797 rgb(181,103,151)
```
#bc74a0
```
#bc74a0 rgb(188,116,160)
```
#c282a9
```
#c282a9 rgb(194,130,169)
```
#c98fb2
```
#c98fb2 rgb(201,143,178)
```
#cf9cbb
```
#cf9cbb rgb(207,156,187)
```
#d5a9c4
```
#d5a9c4 rgb(213,169,196)
```
#dcb6cd
```
#dcb6cd rgb(220,182,205)
```
#e2c4d6
```
#e2c4d6 rgb(226,196,214)
```
#e9d1df
```
#e9d1df rgb(233,209,223)
```
#efdee8
```
#efdee8 rgb(239,222,232)
```
#f5ebf2
```
#f5ebf2 rgb(245,235,242)
```
#fcf9fb
```
#fcf9fb rgb(252,249,251)
```

Tint Color Variation

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

#898086
```
#898086 rgb(137,128,134)
```
#937688
```
#937688 rgb(147,118,136)
```
#9c6d8a
```
#9c6d8a rgb(156,109,138)
```
#a6638c
```
#a6638c rgb(166,99,140)
```
#af5a8e
```
#af5a8e rgb(175,90,142)
```
#b85190
```
#b85190 rgb(184,81,144)
```
#c24792
```
#c24792 rgb(194,71,146)
```
#cb3e94
```
#cb3e94 rgb(203,62,148)
```
#d53496
```
#d53496 rgb(213,52,150)
```
#de2b99
```
#de2b99 rgb(222,43,153)
```
#e8219b
```
#e8219b rgb(232,33,155)
```
#f1189d
```
#f1189d rgb(241,24,157)
```
#fa0f9f
```
#fa0f9f rgb(250,15,159)
```

Tone Color Variation

Below, you can see how #af5a8e 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
#84737d Atypical Achromatopsia 0.001% of the population

Dichromacy

#727ca3 Protanopia 1% of men
#827a8d Deuteranopia 1% of men
#af6a71 Tritanopia 0.001% of the population

Trichromacy

#886f9b Protanomaly 1% of men, 0.01% of women
#926e8d Deuteranomaly 6% of men, 0.4% of women
#af647b Tritanomaly 0.01% of the population

#af5a8e hex color

#af5a8e Color Information

#af5a8e Color Conversion

Color Schemes with #af5a8e

Alternatives to #af5a8e

#af5a8e Preview

Shades and Tints of #af5a8e

Tones of #af5a8e

Color Blindness Simulator