#af557b hex color

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

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

● #af557b color description : Dark moderate pink.

The hexadecimal color #af557b has RGB values of R:175, G:85, B:123 and CMYK values of C:0, M:0.51, Y:0.3, K:0.31. Its decimal value is 11490683.

Hex triplet	af557b	`#af557b`
RGB Decimal	175, 85, 123	`rgb(175,85,123)`
RGB Percent	68.6, 33.3, 48.2	`rgb(68.6%,33.3%,48.2%)`
CMYK	0, 51, 30, 31
HSL	334.7°, 36, 51	`hsl(334.7,36%,51%)`
HSV (or HSB)	334.7°, 51.4, 68.6
Web Safe	996666	`#996666`

CIE-LAB	48.314, 41.007, -4.183
XYZ	24.503, 17.043, 20.737
xyY	0.393, 0.274, 17.043
CIE-LCH	48.314, 41.22, 354.176
CIE-LUV	48.314, 55.552, -12.755
Hunter-Lab	41.283, 33.702, -0.884
Binary	10101111, 01010101, 01111011

#af557b
```
#af557b rgb(175,85,123)
```
#55af89
```
#55af89 rgb(85,175,137)
```

Complementary Color

#af55a8
```
#af55a8 rgb(175,85,168)
```
#af557b
```
#af557b rgb(175,85,123)
```
#af5c55
```
#af5c55 rgb(175,92,85)
```

Analogous Color

#55a8af
```
#55a8af rgb(85,168,175)
```
#af557b
```
#af557b rgb(175,85,123)
```
#55af5c
```
#55af5c rgb(85,175,92)
```

Split Complementary Color

#557baf
```
#557baf rgb(85,123,175)
```
#af557b
```
#af557b rgb(175,85,123)
```
#7baf55
```
#7baf55 rgb(123,175,85)
```

Triadic Color

#8955af
```
#8955af rgb(137,85,175)
```
#af557b
```
#af557b rgb(175,85,123)
```
#7baf55
```
#7baf55 rgb(123,175,85)
```
#55af89
```
#55af89 rgb(85,175,137)
```

Tetradic Color

#7d3b57
```
#7d3b57 rgb(125,59,87)
```
#8e4363
```
#8e4363 rgb(142,67,99)
```
#9f4b6f
```
#9f4b6f rgb(159,75,111)
```
#af557b
```
#af557b rgb(175,85,123)
```
#b76688
```
#b76688 rgb(183,102,136)
```
#bf7896
```
#bf7896 rgb(191,120,150)
```
#c789a3
```
#c789a3 rgb(199,137,163)
```

Monochromatic Color

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

#af5592
```
#af5592 rgb(175,85,146)
```
#af558a
```
#af558a rgb(175,85,138)
```
#af5583
```
#af5583 rgb(175,85,131)
```
#af557b
```
#af557b rgb(175,85,123)
```
#af5574
```
#af5574 rgb(175,85,116)
```
#af556c
```
#af556c rgb(175,85,108)
```
#af5565
```
#af5565 rgb(175,85,101)
```

Similar Colors

Text with hexadecimal color #af557b

This text has a font color of #af557b.

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

#af557b background color

This paragraph has a background color of #af557b.

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

#af557b border color

This element has a border color of #af557b.

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

CSS codes

.text {color:#af557b;}

.background {background-color:#af557b;}

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

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)
```
#391b27
```
#391b27 rgb(57,27,39)
```
#462131
```
#462131 rgb(70,33,49)
```
#53273a
```
#53273a rgb(83,39,58)
```
#612e43
```
#612e43 rgb(97,46,67)
```
#6e344c
```
#6e344c rgb(110,52,76)
```
#7b3a56
```
#7b3a56 rgb(123,58,86)
```
#89405f
```
#89405f rgb(137,64,95)
```
#964768
```
#964768 rgb(150,71,104)
```
#a34d71
```
#a34d71 rgb(163,77,113)
```

Shade Color Variation

#af557b
```
#af557b rgb(175,85,123)
```
#b56285
```
#b56285 rgb(181,98,133)
```
#bc7090
```
#bc7090 rgb(188,112,144)
```
#c27d9a
```
#c27d9a rgb(194,125,154)
```
#c88aa4
```
#c88aa4 rgb(200,138,164)
```
#ce98af
```
#ce98af rgb(206,152,175)
```
#d5a5b9
```
#d5a5b9 rgb(213,165,185)
```
#dbb2c3
```
#dbb2c3 rgb(219,178,195)
```
#e1c0ce
```
#e1c0ce rgb(225,192,206)
```
#e7cdd8
```
#e7cdd8 rgb(231,205,216)
```
#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 #fc086f is the most saturated one.

#897b81
```
#897b81 rgb(137,123,129)
```
#92727f
```
#92727f rgb(146,114,127)
```
#9c687e
```
#9c687e rgb(156,104,126)
```
#a55f7c
```
#a55f7c rgb(165,95,124)
```
#af557b
```
#af557b rgb(175,85,123)
```
#b94b7a
```
#b94b7a rgb(185,75,122)
```
#c24278
```
#c24278 rgb(194,66,120)
```
#cc3877
```
#cc3877 rgb(204,56,119)
```
#d52f75
```
#d52f75 rgb(213,47,117)
```
#df2574
```
#df2574 rgb(223,37,116)
```
#e91b72
```
#e91b72 rgb(233,27,114)
```
#f21271
```
#f21271 rgb(242,18,113)
```
#fc086f
```
#fc086f rgb(252,8,111)
```

Tone Color Variation

Below, you can see how #af557b 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
#806e75 Atypical Achromatopsia 0.001% of the population

Dichromacy

#747891 Protanopia 1% of men
#84767b Deuteranopia 1% of men
#b06269 Tritanopia 0.001% of the population

Trichromacy

#896b89 Protanomaly 1% of men, 0.01% of women
#936a7b Deuteranomaly 6% of men, 0.4% of women
#b05d6f Tritanomaly 0.01% of the population

#af557b hex color

#af557b Color Information

#af557b Color Conversion

Color Schemes with #af557b

Alternatives to #af557b

#af557b Preview

Shades and Tints of #af557b

Tones of #af557b

Color Blindness Simulator