#af5676 hex color

In a RGB color space, hex #af5676 is composed of 68.6% red, 33.7% green and 46.3% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 50.9% magenta, 32.6% yellow and 31.4% black. It has a hue angle of 338.4 degrees, a saturation of 35.7% and a lightness of 51.2%. #af5676 color hex could be obtained by blending #ffacec with #5f0000. Closest websafe color is: #996666.

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

● #af5676 color description : Dark moderate pink.

The hexadecimal color #af5676 has RGB values of R:175, G:86, B:118 and CMYK values of C:0, M:0.51, Y:0.33, K:0.31. Its decimal value is 11490934.

Hex triplet	af5676	`#af5676`
RGB Decimal	175, 86, 118	`rgb(175,86,118)`
RGB Percent	68.6, 33.7, 46.3	`rgb(68.6%,33.7%,46.3%)`
CMYK	0, 51, 33, 31
HSL	338.4°, 35.7, 51.2	`hsl(338.4,35.7%,51.2%)`
HSV (or HSB)	338.4°, 50.9, 68.6
Web Safe	996666	`#996666`

CIE-LAB	48.36, 39.829, -1.103
XYZ	24.277, 17.079, 19.157
xyY	0.401, 0.282, 17.079
CIE-LCH	48.36, 39.844, 358.413
CIE-LUV	48.36, 56.278, -8.472
Hunter-Lab	41.327, 32.536, 1.446
Binary	10101111, 01010110, 01110110

#af5676
```
#af5676 rgb(175,86,118)
```
#56af8f
```
#56af8f rgb(86,175,143)
```

Complementary Color

#af56a3
```
#af56a3 rgb(175,86,163)
```
#af5676
```
#af5676 rgb(175,86,118)
```
#af6356
```
#af6356 rgb(175,99,86)
```

Analogous Color

#56a3af
```
#56a3af rgb(86,163,175)
```
#af5676
```
#af5676 rgb(175,86,118)
```
#56af63
```
#56af63 rgb(86,175,99)
```

Split Complementary Color

#5676af
```
#5676af rgb(86,118,175)
```
#af5676
```
#af5676 rgb(175,86,118)
```
#76af56
```
#76af56 rgb(118,175,86)
```

Triadic Color

#8f56af
```
#8f56af rgb(143,86,175)
```
#af5676
```
#af5676 rgb(175,86,118)
```
#76af56
```
#76af56 rgb(118,175,86)
```
#56af8f
```
#56af8f rgb(86,175,143)
```

Tetradic Color

#7d3b53
```
#7d3b53 rgb(125,59,83)
```
#8f435e
```
#8f435e rgb(143,67,94)
```
#a04c6a
```
#a04c6a rgb(160,76,106)
```
#af5676
```
#af5676 rgb(175,86,118)
```
#b76784
```
#b76784 rgb(183,103,132)
```
#bf7992
```
#bf7992 rgb(191,121,146)
```
#c88aa0
```
#c88aa0 rgb(200,138,160)
```

Monochromatic Color

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

#af568c
```
#af568c rgb(175,86,140)
```
#af5685
```
#af5685 rgb(175,86,133)
```
#af567d
```
#af567d rgb(175,86,125)
```
#af5676
```
#af5676 rgb(175,86,118)
```
#af566f
```
#af566f rgb(175,86,111)
```
#af5667
```
#af5667 rgb(175,86,103)
```
#af5660
```
#af5660 rgb(175,86,96)
```

Similar Colors

Text with hexadecimal color #af5676

This text has a font color of #af5676.

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

#af5676 background color

This paragraph has a background color of #af5676.

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

#af5676 border color

This element has a border color of #af5676.

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

CSS codes

.text {color:#af5676;}

.background {background-color:#af5676;}

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

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

#040203
```
#040203 rgb(4,2,3)
```
#11080c
```
#11080c rgb(17,8,12)
```
#1f0f14
```
#1f0f14 rgb(31,15,20)
```
#2c151d
```
#2c151d rgb(44,21,29)
```
#391b26
```
#391b26 rgb(57,27,38)
```
#47212f
```
#47212f rgb(71,33,47)
```
#542838
```
#542838 rgb(84,40,56)
```
#612e40
```
#612e40 rgb(97,46,64)
```
#6f3449
```
#6f3449 rgb(111,52,73)
```
#7c3b52
```
#7c3b52 rgb(124,59,82)
```
#89415b
```
#89415b rgb(137,65,91)
```
#974764
```
#974764 rgb(151,71,100)
```
#a44e6d
```
#a44e6d rgb(164,78,109)
```

Shade Color Variation

#af5676
```
#af5676 rgb(175,86,118)
```
#b56381
```
#b56381 rgb(181,99,129)
```
#bc718c
```
#bc718c rgb(188,113,140)
```
#c27e96
```
#c27e96 rgb(194,126,150)
```
#c88ba1
```
#c88ba1 rgb(200,139,161)
```
#cf99ac
```
#cf99ac rgb(207,153,172)
```
#d5a6b7
```
#d5a6b7 rgb(213,166,183)
```
#dbb3c2
```
#dbb3c2 rgb(219,179,194)
```
#e1c1cc
```
#e1c1cc rgb(225,193,204)
```
#e8ced7
```
#e8ced7 rgb(232,206,215)
```
#eedbe2
```
#eedbe2 rgb(238,219,226)
```
#f4e8ed
```
#f4e8ed rgb(244,232,237)
```
#fbf6f8
```
#fbf6f8 rgb(251,246,248)
```

Tint Color Variation

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

#897c81
```
#897c81 rgb(137,124,129)
```
#92737e
```
#92737e rgb(146,115,126)
```
#9c697b
```
#9c697b rgb(156,105,123)
```
#a56079
```
#a56079 rgb(165,96,121)
```
#af5676
```
#af5676 rgb(175,86,118)
```
#b94c73
```
#b94c73 rgb(185,76,115)
```
#c24371
```
#c24371 rgb(194,67,113)
```
#cc396e
```
#cc396e rgb(204,57,110)
```
#d5306b
```
#d5306b rgb(213,48,107)
```
#df2669
```
#df2669 rgb(223,38,105)
```
#e81d66
```
#e81d66 rgb(232,29,102)
```
#f21363
```
#f21363 rgb(242,19,99)
```
#fc0960
```
#fc0960 rgb(252,9,96)
```

Tone Color Variation

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

Dichromacy

#76798b Protanopia 1% of men
#867677 Deuteranopia 1% of men
#b16269 Tritanopia 0.001% of the population

Trichromacy

#8b6c83 Protanomaly 1% of men, 0.01% of women
#956a76 Deuteranomaly 6% of men, 0.4% of women
#b05e6d Tritanomaly 0.01% of the population

#af5676 hex color

#af5676 Color Information

#af5676 Color Conversion

Color Schemes with #af5676

Alternatives to #af5676

#af5676 Preview

Shades and Tints of #af5676

Tones of #af5676

Color Blindness Simulator