#af76a6 hex color

In a RGB color space, hex #af76a6 is composed of 68.6% red, 46.3% green and 65.1% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 32.6% magenta, 5.1% yellow and 31.4% black. It has a hue angle of 309.5 degrees, a saturation of 26.3% and a lightness of 57.5%. #af76a6 color hex could be obtained by blending #ffecff with #5f004d. Closest websafe color is: #996699.

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

● #af76a6 color description : Mostly desaturated dark magenta.

The hexadecimal color #af76a6 has RGB values of R:175, G:118, B:166 and CMYK values of C:0, M:0.33, Y:0.05, K:0.31. Its decimal value is 11499174.

Hex triplet	af76a6	`#af76a6`
RGB Decimal	175, 118, 166	`rgb(175,118,166)`
RGB Percent	68.6, 46.3, 65.1	`rgb(68.6%,46.3%,65.1%)`
CMYK	0, 33, 5, 31
HSL	309.5°, 26.3, 57.5	`hsl(309.5,26.3%,57.5%)`
HSV (or HSB)	309.5°, 32.6, 68.6
Web Safe	996699	`#996699`

CIE-LAB	56.905, 30.077, -16.618
XYZ	31.04, 24.825, 39.231
xyY	0.326, 0.261, 24.825
CIE-LCH	56.905, 34.363, 331.078
CIE-LUV	56.905, 29.901, -29.284
Hunter-Lab	49.825, 24.009, -11.806
Binary	10101111, 01110110, 10100110

#af76a6
```
#af76a6 rgb(175,118,166)
```
#76af7f
```
#76af7f rgb(118,175,127)
```

Complementary Color

#9c76af
```
#9c76af rgb(156,118,175)
```
#af76a6
```
#af76a6 rgb(175,118,166)
```
#af768a
```
#af768a rgb(175,118,138)
```

Analogous Color

#76af9c
```
#76af9c rgb(118,175,156)
```
#af76a6
```
#af76a6 rgb(175,118,166)
```
#8aaf76
```
#8aaf76 rgb(138,175,118)
```

Split Complementary Color

#76a6af
```
#76a6af rgb(118,166,175)
```
#af76a6
```
#af76a6 rgb(175,118,166)
```
#a6af76
```
#a6af76 rgb(166,175,118)
```

Triadic Color

#7f76af
```
#7f76af rgb(127,118,175)
```
#af76a6
```
#af76a6 rgb(175,118,166)
```
#a6af76
```
#a6af76 rgb(166,175,118)
```
#76af7f
```
#76af7f rgb(118,175,127)
```

Tetradic Color

#895080
```
#895080 rgb(137,80,128)
```
#99598f
```
#99598f rgb(153,89,143)
```
#a6669c
```
#a6669c rgb(166,102,156)
```
#af76a6
```
#af76a6 rgb(175,118,166)
```
#b886b0
```
#b886b0 rgb(184,134,176)
```
#c296bb
```
#c296bb rgb(194,150,187)
```
#cba6c5
```
#cba6c5 rgb(203,166,197)
```

Monochromatic Color

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

#aa76af
```
#aa76af rgb(170,118,175)
```
#af76af
```
#af76af rgb(175,118,175)
```
#af76ab
```
#af76ab rgb(175,118,171)
```
#af76a6
```
#af76a6 rgb(175,118,166)
```
#af76a1
```
#af76a1 rgb(175,118,161)
```
#af769d
```
#af769d rgb(175,118,157)
```
#af7698
```
#af7698 rgb(175,118,152)
```

Similar Colors

Text with hexadecimal color #af76a6

This text has a font color of #af76a6.

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

#af76a6 background color

This paragraph has a background color of #af76a6.

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

#af76a6 border color

This element has a border color of #af76a6.

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

CSS codes

.text {color:#af76a6;}

.background {background-color:#af76a6;}

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

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, #0c070b is the darkest color, while #fffefe is the lightest one.

#0c070b
```
#0c070b rgb(12,7,11)
```
#180e16
```
#180e16 rgb(24,14,22)
```
#241522
```
#241522 rgb(36,21,34)
```
#311c2e
```
#311c2e rgb(49,28,46)
```
#3d2439
```
#3d2439 rgb(61,36,57)
```
#4a2b45
```
#4a2b45 rgb(74,43,69)
```
#563250
```
#563250 rgb(86,50,80)
```
#62395c
```
#62395c rgb(98,57,92)
```
#6f4167
```
#6f4167 rgb(111,65,103)
```
#7b4873
```
#7b4873 rgb(123,72,115)
```
#874f7f
```
#874f7f rgb(135,79,127)
```
#94568a
```
#94568a rgb(148,86,138)
```
#a05e96
```
#a05e96 rgb(160,94,150)
```

Shade Color Variation

#a86a9e
```
#a86a9e rgb(168,106,158)
```
#af76a6
```
#af76a6 rgb(175,118,166)
```
#b682ae
```
#b682ae rgb(182,130,174)
```
#bd8fb6
```
#bd8fb6 rgb(189,143,182)
```
#c59bbe
```
#c59bbe rgb(197,155,190)
```
#cca8c6
```
#cca8c6 rgb(204,168,198)
```
#d3b4ce
```
#d3b4ce rgb(211,180,206)
```
#dac0d6
```
#dac0d6 rgb(218,192,214)
```
#e2cdde
```
#e2cdde rgb(226,205,222)
```
#e9d9e6
```
#e9d9e6 rgb(233,217,230)
```
#f0e5ee
```
#f0e5ee rgb(240,229,238)
```
#f7f2f6
```
#f7f2f6 rgb(247,242,246)
```
#fffefe
```
#fffefe rgb(255,254,254)
```

Tint Color Variation

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

#968f95
```
#968f95 rgb(150,143,149)
```
#9e879b
```
#9e879b rgb(158,135,155)
```
#a77ea0
```
#a77ea0 rgb(167,126,160)
```
#af76a6
```
#af76a6 rgb(175,118,166)
```
#b76eac
```
#b76eac rgb(183,110,172)
```
#c065b1
```
#c065b1 rgb(192,101,177)
```
#c85db7
```
#c85db7 rgb(200,93,183)
```
#d055bd
```
#d055bd rgb(208,85,189)
```
#d94cc3
```
#d94cc3 rgb(217,76,195)
```
#e144c8
```
#e144c8 rgb(225,68,200)
```
#e93cce
```
#e93cce rgb(233,60,206)
```
#f233d4
```
#f233d4 rgb(242,51,212)
```
#fa2bd9
```
#fa2bd9 rgb(250,43,217)
```

Tone Color Variation

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

#8d8d8d Achromatopsia 0.005% of the population
#948892 Atypical Achromatopsia 0.001% of the population

Dichromacy

#838db4 Protanopia 1% of men
#8f8ba6 Deuteranopia 1% of men
#ae838c Tritanopia 0.001% of the population

Trichromacy

#9384af Protanomaly 1% of men, 0.01% of women
#9b83a6 Deuteranomaly 6% of men, 0.4% of women
#ae7e95 Tritanomaly 0.01% of the population

#af76a6 hex color

#af76a6 Color Information

#af76a6 Color Conversion

Color Schemes with #af76a6

Alternatives to #af76a6

#af76a6 Preview

Shades and Tints of #af76a6

Tones of #af76a6

Color Blindness Simulator