#af5a93 hex color

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

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

● #af5a93 color description : Dark moderate pink.

The hexadecimal color #af5a93 has RGB values of R:175, G:90, B:147 and CMYK values of C:0, M:0.49, Y:0.16, K:0.31. Its decimal value is 11491987.

Hex triplet	af5a93	`#af5a93`
RGB Decimal	175, 90, 147	`rgb(175,90,147)`
RGB Percent	68.6, 35.3, 57.6	`rgb(68.6%,35.3%,57.6%)`
CMYK	0, 49, 16, 31
HSL	319.8°, 34.7, 52	`hsl(319.8,34.7%,52%)`
HSV (or HSB)	319.8°, 48.6, 68.6
Web Safe	996699	`#996699`

CIE-LAB	50.138, 41.982, -15.79
XYZ	26.602, 18.534, 29.779
xyY	0.355, 0.247, 18.534
CIE-LCH	50.138, 44.853, 339.388
CIE-LUV	50.138, 47.098, -29.273
Hunter-Lab	43.052, 34.955, -10.874
Binary	10101111, 01011010, 10010011

#af5a93
```
#af5a93 rgb(175,90,147)
```
#5aaf76
```
#5aaf76 rgb(90,175,118)
```

Complementary Color

#a15aaf
```
#a15aaf rgb(161,90,175)
```
#af5a93
```
#af5a93 rgb(175,90,147)
```
#af5a69
```
#af5a69 rgb(175,90,105)
```

Analogous Color

#5aafa1
```
#5aafa1 rgb(90,175,161)
```
#af5a93
```
#af5a93 rgb(175,90,147)
```
#69af5a
```
#69af5a rgb(105,175,90)
```

Split Complementary Color

#5a93af
```
#5a93af rgb(90,147,175)
```
#af5a93
```
#af5a93 rgb(175,90,147)
```
#93af5a
```
#93af5a rgb(147,175,90)
```

Triadic Color

#765aaf
```
#765aaf rgb(118,90,175)
```
#af5a93
```
#af5a93 rgb(175,90,147)
```
#93af5a
```
#93af5a rgb(147,175,90)
```
#5aaf76
```
#5aaf76 rgb(90,175,118)
```

Tetradic Color

#7f3e69
```
#7f3e69 rgb(127,62,105)
```
#904678
```
#904678 rgb(144,70,120)
```
#a14e86
```
#a14e86 rgb(161,78,134)
```
#af5a93
```
#af5a93 rgb(175,90,147)
```
#b76b9e
```
#b76b9e rgb(183,107,158)
```
#c07ca9
```
#c07ca9 rgb(192,124,169)
```
#c88eb5
```
#c88eb5 rgb(200,142,181)
```

Monochromatic Color

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

#af5aa8
```
#af5aa8 rgb(175,90,168)
```
#af5aa1
```
#af5aa1 rgb(175,90,161)
```
#af5a9a
```
#af5a9a rgb(175,90,154)
```
#af5a93
```
#af5a93 rgb(175,90,147)
```
#af5a8c
```
#af5a8c rgb(175,90,140)
```
#af5a85
```
#af5a85 rgb(175,90,133)
```
#af5a7e
```
#af5a7e rgb(175,90,126)
```

Similar Colors

Text with hexadecimal color #af5a93

This text has a font color of #af5a93.

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

#af5a93 background color

This paragraph has a background color of #af5a93.

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

#af5a93 border color

This element has a border color of #af5a93.

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

CSS codes

.text {color:#af5a93;}

.background {background-color:#af5a93;}

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

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

#070306
```
#070306 rgb(7,3,6)
```
#140a11
```
#140a11 rgb(20,10,17)
```
#21101c
```
#21101c rgb(33,16,28)
```
#2e1626
```
#2e1626 rgb(46,22,38)
```
#3c1d31
```
#3c1d31 rgb(60,29,49)
```
#49233c
```
#49233c rgb(73,35,60)
```
#562a47
```
#562a47 rgb(86,42,71)
```
#633052
```
#633052 rgb(99,48,82)
```
#70375d
```
#70375d rgb(112,55,93)
```
#7e3d68
```
#7e3d68 rgb(126,61,104)
```
#8b4373
```
#8b4373 rgb(139,67,115)
```
#984a7e
```
#984a7e rgb(152,74,126)
```
#a55089
```
#a55089 rgb(165,80,137)
```

Shade Color Variation

#af5a93
```
#af5a93 rgb(175,90,147)
```
#b5679c
```
#b5679c rgb(181,103,156)
```
#bc74a4
```
#bc74a4 rgb(188,116,164)
```
#c282ad
```
#c282ad rgb(194,130,173)
```
#c98fb6
```
#c98fb6 rgb(201,143,182)
```
#cf9cbe
```
#cf9cbe rgb(207,156,190)
```
#d5a9c7
```
#d5a9c7 rgb(213,169,199)
```
#dcb6d0
```
#dcb6d0 rgb(220,182,208)
```
#e2c4d8
```
#e2c4d8 rgb(226,196,216)
```
#e9d1e1
```
#e9d1e1 rgb(233,209,225)
```
#efdee9
```
#efdee9 rgb(239,222,233)
```
#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 #fa0fad is the most saturated one.

#898086
```
#898086 rgb(137,128,134)
```
#937689
```
#937689 rgb(147,118,137)
```
#9c6d8d
```
#9c6d8d rgb(156,109,141)
```
#a66390
```
#a66390 rgb(166,99,144)
```
#af5a93
```
#af5a93 rgb(175,90,147)
```
#b85196
```
#b85196 rgb(184,81,150)
```
#c24799
```
#c24799 rgb(194,71,153)
```
#cb3e9d
```
#cb3e9d rgb(203,62,157)
```
#d534a0
```
#d534a0 rgb(213,52,160)
```
#de2ba3
```
#de2ba3 rgb(222,43,163)
```
#e821a6
```
#e821a6 rgb(232,33,166)
```
#f118aa
```
#f118aa rgb(241,24,170)
```
#fa0fad
```
#fa0fad rgb(250,15,173)
```

Tone Color Variation

Below, you can see how #af5a93 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
#85747f Atypical Achromatopsia 0.001% of the population

Dichromacy

#707ca9 Protanopia 1% of men
#807b91 Deuteranopia 1% of men
#ae6b72 Tritanopia 0.001% of the population

Trichromacy

#8770a1 Protanomaly 1% of men, 0.01% of women
#916f92 Deuteranomaly 6% of men, 0.4% of women
#ae647e Tritanomaly 0.01% of the population

#af5a93 hex color

#af5a93 Color Information

#af5a93 Color Conversion

Color Schemes with #af5a93

Alternatives to #af5a93

#af5a93 Preview

Shades and Tints of #af5a93

Tones of #af5a93

Color Blindness Simulator