#af557c hex color

In a RGB color space, hex #af557c is composed of 68.6% red, 33.3% green and 48.6% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 51.4% magenta, 29.1% yellow and 31.4% black. It has a hue angle of 334 degrees, a saturation of 36% and a lightness of 51%. #af557c color hex could be obtained by blending #ffaaf8 with #5f0000. Closest websafe color is: #996666.

♥
- f
- t
- g
- R 69
- G 33
- B 49
RGB color chart
- C 0
- M 51
- Y 29
- K 31
CMYK color chart

● #af557c color description : Dark moderate pink.

The hexadecimal color #af557c has RGB values of R:175, G:85, B:124 and CMYK values of C:0, M:0.51, Y:0.29, K:0.31. Its decimal value is 11490684.

Hex triplet	af557c	`#af557c`
RGB Decimal	175, 85, 124	`rgb(175,85,124)`
RGB Percent	68.6, 33.3, 48.6	`rgb(68.6%,33.3%,48.6%)`
CMYK	0, 51, 29, 31
HSL	334°, 36, 51	`hsl(334,36%,51%)`
HSV (or HSB)	334°, 51.4, 68.6
Web Safe	996666	`#996666`

CIE-LAB	48.346, 41.143, -4.738
XYZ	24.566, 17.068, 21.068
xyY	0.392, 0.272, 17.068
CIE-LCH	48.346, 41.415, 353.431
CIE-LUV	48.346, 55.298, -13.524
Hunter-Lab	41.313, 33.842, -1.316
Binary	10101111, 01010101, 01111100

#af557c
```
#af557c rgb(175,85,124)
```
#55af88
```
#55af88 rgb(85,175,136)
```

Complementary Color

#af55a9
```
#af55a9 rgb(175,85,169)
```
#af557c
```
#af557c rgb(175,85,124)
```
#af5b55
```
#af5b55 rgb(175,91,85)
```

Analogous Color

#55a9af
```
#55a9af rgb(85,169,175)
```
#af557c
```
#af557c rgb(175,85,124)
```
#55af5b
```
#55af5b rgb(85,175,91)
```

Split Complementary Color

#557caf
```
#557caf rgb(85,124,175)
```
#af557c
```
#af557c rgb(175,85,124)
```
#7caf55
```
#7caf55 rgb(124,175,85)
```

Triadic Color

#8855af
```
#8855af rgb(136,85,175)
```
#af557c
```
#af557c rgb(175,85,124)
```
#7caf55
```
#7caf55 rgb(124,175,85)
```
#55af88
```
#55af88 rgb(85,175,136)
```

Tetradic Color

#7d3b57
```
#7d3b57 rgb(125,59,87)
```
#8e4363
```
#8e4363 rgb(142,67,99)
```
#9f4b70
```
#9f4b70 rgb(159,75,112)
```
#af557c
```
#af557c rgb(175,85,124)
```
#b76689
```
#b76689 rgb(183,102,137)
```
#bf7897
```
#bf7897 rgb(191,120,151)
```
#c789a4
```
#c789a4 rgb(199,137,164)
```

Monochromatic Color

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

#af5593
```
#af5593 rgb(175,85,147)
```
#af558b
```
#af558b rgb(175,85,139)
```
#af5584
```
#af5584 rgb(175,85,132)
```
#af557c
```
#af557c rgb(175,85,124)
```
#af5575
```
#af5575 rgb(175,85,117)
```
#af556d
```
#af556d rgb(175,85,109)
```
#af5566
```
#af5566 rgb(175,85,102)
```

Similar Colors

Text with hexadecimal color #af557c

This text has a font color of #af557c.

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

#af557c background color

This paragraph has a background color of #af557c.

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

#af557c border color

This element has a border color of #af557c.

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

CSS codes

.text {color:#af557c;}

.background {background-color:#af557c;}

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

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

#030202
```
#030202 rgb(3,2,2)
```
#11080c
```
#11080c rgb(17,8,12)
```
#1e0e15
```
#1e0e15 rgb(30,14,21)
```
#2b141e
```
#2b141e rgb(43,20,30)
```
#391b28
```
#391b28 rgb(57,27,40)
```
#462131
```
#462131 rgb(70,33,49)
```
#53273a
```
#53273a rgb(83,39,58)
```
#612e44
```
#612e44 rgb(97,46,68)
```
#6e344d
```
#6e344d rgb(110,52,77)
```
#7b3a56
```
#7b3a56 rgb(123,58,86)
```
#894060
```
#894060 rgb(137,64,96)
```
#964769
```
#964769 rgb(150,71,105)
```
#a34d72
```
#a34d72 rgb(163,77,114)
```

Shade Color Variation

#af557c
```
#af557c rgb(175,85,124)
```
#b56286
```
#b56286 rgb(181,98,134)
```
#bc7091
```
#bc7091 rgb(188,112,145)
```
#c27d9b
```
#c27d9b rgb(194,125,155)
```
#c88aa5
```
#c88aa5 rgb(200,138,165)
```
#ce98af
```
#ce98af rgb(206,152,175)
```
#d5a5ba
```
#d5a5ba rgb(213,165,186)
```
#dbb2c4
```
#dbb2c4 rgb(219,178,196)
```
#e1c0ce
```
#e1c0ce rgb(225,192,206)
```
#e7cdd9
```
#e7cdd9 rgb(231,205,217)
```
#eedae3
```
#eedae3 rgb(238,218,227)
```
#f4e8ed
```
#f4e8ed rgb(244,232,237)
```
#faf5f7
```
#faf5f7 rgb(250,245,247)
```

Tint Color Variation

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

#897b81
```
#897b81 rgb(137,123,129)
```
#927280
```
#927280 rgb(146,114,128)
```
#9c687f
```
#9c687f rgb(156,104,127)
```
#a55f7d
```
#a55f7d rgb(165,95,125)
```
#af557c
```
#af557c rgb(175,85,124)
```
#b94b7b
```
#b94b7b rgb(185,75,123)
```
#c24279
```
#c24279 rgb(194,66,121)
```
#cc3878
```
#cc3878 rgb(204,56,120)
```
#d52f77
```
#d52f77 rgb(213,47,119)
```
#df2576
```
#df2576 rgb(223,37,118)
```
#e91b74
```
#e91b74 rgb(233,27,116)
```
#f21273
```
#f21273 rgb(242,18,115)
```
#fc0872
```
#fc0872 rgb(252,8,114)
```

Tone Color Variation

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

#747474 Achromatopsia 0.005% of the population
#806e76 Atypical Achromatopsia 0.001% of the population

Dichromacy

#747992 Protanopia 1% of men
#84767c Deuteranopia 1% of men
#b06369 Tritanopia 0.001% of the population

Trichromacy

#896b8a Protanomaly 1% of men, 0.01% of women
#936a7c Deuteranomaly 6% of men, 0.4% of women
#b05d70 Tritanomaly 0.01% of the population

#af557c hex color

#af557c Color Information

#af557c Color Conversion

Color Schemes with #af557c

Alternatives to #af557c

#af557c Preview

Shades and Tints of #af557c

Tones of #af557c

Color Blindness Simulator