#af556a hex color

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

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

● #af556a color description : Dark moderate red.

The hexadecimal color #af556a has RGB values of R:175, G:85, B:106 and CMYK values of C:0, M:0.51, Y:0.39, K:0.31. Its decimal value is 11490666.

Hex triplet	af556a	`#af556a`
RGB Decimal	175, 85, 106	`rgb(175,85,106)`
RGB Percent	68.6, 33.3, 41.6	`rgb(68.6%,33.3%,41.6%)`
CMYK	0, 51, 39, 31
HSL	346°, 36, 51	`hsl(346,36%,51%)`
HSV (or HSB)	346°, 51.4, 68.6
Web Safe	996666	`#996666`

CIE-LAB	47.82, 38.863, 5.359
XYZ	23.53, 16.653, 15.61
xyY	0.422, 0.298, 16.653
CIE-LCH	47.82, 39.231, 7.852
CIE-LUV	47.82, 59.762, -0.121
Hunter-Lab	40.809, 31.505, 5.886
Binary	10101111, 01010101, 01101010

#af556a
```
#af556a rgb(175,85,106)
```
#55af9a
```
#55af9a rgb(85,175,154)
```

Complementary Color

#af5597
```
#af5597 rgb(175,85,151)
```
#af556a
```
#af556a rgb(175,85,106)
```
#af6d55
```
#af6d55 rgb(175,109,85)
```

Analogous Color

#5597af
```
#5597af rgb(85,151,175)
```
#af556a
```
#af556a rgb(175,85,106)
```
#55af6d
```
#55af6d rgb(85,175,109)
```

Split Complementary Color

#556aaf
```
#556aaf rgb(85,106,175)
```
#af556a
```
#af556a rgb(175,85,106)
```
#6aaf55
```
#6aaf55 rgb(106,175,85)
```

Triadic Color

#9a55af
```
#9a55af rgb(154,85,175)
```
#af556a
```
#af556a rgb(175,85,106)
```
#6aaf55
```
#6aaf55 rgb(106,175,85)
```
#55af9a
```
#55af9a rgb(85,175,154)
```

Tetradic Color

#7d3b4a
```
#7d3b4a rgb(125,59,74)
```
#8e4354
```
#8e4354 rgb(142,67,84)
```
#9f4b5f
```
#9f4b5f rgb(159,75,95)
```
#af556a
```
#af556a rgb(175,85,106)
```
#b76679
```
#b76679 rgb(183,102,121)
```
#bf7888
```
#bf7888 rgb(191,120,136)
```
#c78998
```
#c78998 rgb(199,137,152)
```

Monochromatic Color

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

#af5581
```
#af5581 rgb(175,85,129)
```
#af5579
```
#af5579 rgb(175,85,121)
```
#af5572
```
#af5572 rgb(175,85,114)
```
#af556a
```
#af556a rgb(175,85,106)
```
#af5563
```
#af5563 rgb(175,85,99)
```
#af555b
```
#af555b rgb(175,85,91)
```
#af5655
```
#af5655 rgb(175,86,85)
```

Similar Colors

Text with hexadecimal color #af556a

This text has a font color of #af556a.

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

#af556a background color

This paragraph has a background color of #af556a.

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

#af556a border color

This element has a border color of #af556a.

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

CSS codes

.text {color:#af556a;}

.background {background-color:#af556a;}

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

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

#030202
```
#030202 rgb(3,2,2)
```
#11080a
```
#11080a rgb(17,8,10)
```
#1e0e12
```
#1e0e12 rgb(30,14,18)
```
#2b141a
```
#2b141a rgb(43,20,26)
```
#391b22
```
#391b22 rgb(57,27,34)
```
#46212a
```
#46212a rgb(70,33,42)
```
#532732
```
#532732 rgb(83,39,50)
```
#612e39
```
#612e39 rgb(97,46,57)
```
#6e3441
```
#6e3441 rgb(110,52,65)
```
#7b3a49
```
#7b3a49 rgb(123,58,73)
```
#894051
```
#894051 rgb(137,64,81)
```
#964759
```
#964759 rgb(150,71,89)
```
#a34d61
```
#a34d61 rgb(163,77,97)
```

Shade Color Variation

#af556a
```
#af556a rgb(175,85,106)
```
#b56276
```
#b56276 rgb(181,98,118)
```
#bc7081
```
#bc7081 rgb(188,112,129)
```
#c27d8d
```
#c27d8d rgb(194,125,141)
```
#c88a99
```
#c88a99 rgb(200,138,153)
```
#ce98a4
```
#ce98a4 rgb(206,152,164)
```
#d5a5b0
```
#d5a5b0 rgb(213,165,176)
```
#dbb2bc
```
#dbb2bc rgb(219,178,188)
```
#e1c0c8
```
#e1c0c8 rgb(225,192,200)
```
#e7cdd3
```
#e7cdd3 rgb(231,205,211)
```
#eedadf
```
#eedadf rgb(238,218,223)
```
#f4e8eb
```
#f4e8eb rgb(244,232,235)
```
#faf5f6
```
#faf5f6 rgb(250,245,246)
```

Tint Color Variation

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

#897b7f
```
#897b7f rgb(137,123,127)
```
#927279
```
#927279 rgb(146,114,121)
```
#9c6874
```
#9c6874 rgb(156,104,116)
```
#a55f6f
```
#a55f6f rgb(165,95,111)
```
#af556a
```
#af556a rgb(175,85,106)
```
#b94b65
```
#b94b65 rgb(185,75,101)
```
#c24260
```
#c24260 rgb(194,66,96)
```
#cc385b
```
#cc385b rgb(204,56,91)
```
#d52f55
```
#d52f55 rgb(213,47,85)
```
#df2550
```
#df2550 rgb(223,37,80)
```
#e91b4b
```
#e91b4b rgb(233,27,75)
```
#f21246
```
#f21246 rgb(242,18,70)
```
#fc0841
```
#fc0841 rgb(252,8,65)
```

Tone Color Variation

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

#727272 Achromatopsia 0.005% of the population
#7e6c70 Atypical Achromatopsia 0.001% of the population

Dichromacy

#78787f Protanopia 1% of men
#88746c Deuteranopia 1% of men
#b25f66 Tritanopia 0.001% of the population

Trichromacy

#8c6b77 Protanomaly 1% of men, 0.01% of women
#96696b Deuteranomaly 6% of men, 0.4% of women
#b15b67 Tritanomaly 0.01% of the population

#af556a hex color

#af556a Color Information

#af556a Color Conversion

Color Schemes with #af556a

Alternatives to #af556a

#af556a Preview

Shades and Tints of #af556a

Tones of #af556a

Color Blindness Simulator