#af76b1 hex color

In a RGB color space, hex #af76b1 is composed of 68.6% red, 46.3% green and 69.4% blue. Whereas in a CMYK color space, it is composed of 1.1% cyan, 33.3% magenta, 0% yellow and 30.6% black. It has a hue angle of 298 degrees, a saturation of 27.4% and a lightness of 57.8%. #af76b1 color hex could be obtained by blending #ffecff with #5f0063. Closest websafe color is: #996699.

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

● #af76b1 color description : Mostly desaturated dark magenta.

The hexadecimal color #af76b1 has RGB values of R:175, G:118, B:177 and CMYK values of C:0.01, M:0.33, Y:0, K:0.31. Its decimal value is 11499185.

Hex triplet	af76b1	`#af76b1`
RGB Decimal	175, 118, 177	`rgb(175,118,177)`
RGB Percent	68.6, 46.3, 69.4	`rgb(68.6%,46.3%,69.4%)`
CMYK	1, 33, 0, 31
HSL	298°, 27.4, 57.8	`hsl(298,27.4%,57.8%)`
HSV (or HSB)	298°, 33.3, 69.4
Web Safe	996699	`#996699`

CIE-LAB	57.314, 32.16, -22.322
XYZ	32.093, 25.246, 44.775
xyY	0.314, 0.247, 25.246
CIE-LCH	57.314, 39.148, 325.235
CIE-LUV	57.314, 28.056, -38.381
Hunter-Lab	50.246, 26.081, -17.663
Binary	10101111, 01110110, 10110001

#af76b1
```
#af76b1 rgb(175,118,177)
```
#78b176
```
#78b176 rgb(120,177,118)
```

Complementary Color

#9276b1
```
#9276b1 rgb(146,118,177)
```
#af76b1
```
#af76b1 rgb(175,118,177)
```
#b17696
```
#b17696 rgb(177,118,150)
```

Analogous Color

#76b192
```
#76b192 rgb(118,177,146)
```
#af76b1
```
#af76b1 rgb(175,118,177)
```
#96b176
```
#96b176 rgb(150,177,118)
```

Split Complementary Color

#76b1af
```
#76b1af rgb(118,177,175)
```
#af76b1
```
#af76b1 rgb(175,118,177)
```
#b1af76
```
#b1af76 rgb(177,175,118)
```

Triadic Color

#7678b1
```
#7678b1 rgb(118,120,177)
```
#af76b1
```
#af76b1 rgb(175,118,177)
```
#b1af76
```
#b1af76 rgb(177,175,118)
```
#78b176
```
#78b176 rgb(120,177,118)
```

Tetradic Color

#894f8b
```
#894f8b rgb(137,79,139)
```
#99599b
```
#99599b rgb(153,89,155)
```
#a666a8
```
#a666a8 rgb(166,102,168)
```
#af76b1
```
#af76b1 rgb(175,118,177)
```
#b886ba
```
#b886ba rgb(184,134,186)
```
#c296c4
```
#c296c4 rgb(194,150,196)
```
#cba7cd
```
#cba7cd rgb(203,167,205)
```

Monochromatic Color

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

#a076b1
```
#a076b1 rgb(160,118,177)
```
#a576b1
```
#a576b1 rgb(165,118,177)
```
#aa76b1
```
#aa76b1 rgb(170,118,177)
```
#af76b1
```
#af76b1 rgb(175,118,177)
```
#b176ae
```
#b176ae rgb(177,118,174)
```
#b176a9
```
#b176a9 rgb(177,118,169)
```
#b176a4
```
#b176a4 rgb(177,118,164)
```

Similar Colors

Text with hexadecimal color #af76b1

This text has a font color of #af76b1.

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

#af76b1 background color

This paragraph has a background color of #af76b1.

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

#af76b1 border color

This element has a border color of #af76b1.

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

CSS codes

.text {color:#af76b1;}

.background {background-color:#af76b1;}

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

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

#000000
```
#000000 rgb(0,0,0)
```
#0d070d
```
#0d070d rgb(13,7,13)
```
#190f19
```
#190f19 rgb(25,15,25)
```
#251626
```
#251626 rgb(37,22,38)
```
#321d32
```
#321d32 rgb(50,29,50)
```
#3e243f
```
#3e243f rgb(62,36,63)
```
#4a2b4b
```
#4a2b4b rgb(74,43,75)
```
#573258
```
#573258 rgb(87,50,88)
```
#633964
```
#633964 rgb(99,57,100)
```
#6f4071
```
#6f4071 rgb(111,64,113)
```
#7c477d
```
#7c477d rgb(124,71,125)
```
#884f8a
```
#884f8a rgb(136,79,138)
```
#945696
```
#945696 rgb(148,86,150)
```

Shade Color Variation

#a05da3
```
#a05da3 rgb(160,93,163)
```
#a86aaa
```
#a86aaa rgb(168,106,170)
```
#af76b1
```
#af76b1 rgb(175,118,177)
```
#b682b8
```
#b682b8 rgb(182,130,184)
```
#be8fbf
```
#be8fbf rgb(190,143,191)
```
#c59bc6
```
#c59bc6 rgb(197,155,198)
```
#cca8cd
```
#cca8cd rgb(204,168,205)
```
#d3b4d5
```
#d3b4d5 rgb(211,180,213)
```
#dbc1dc
```
#dbc1dc rgb(219,193,220)
```
#e2cde3
```
#e2cde3 rgb(226,205,227)
```
#e9daea
```
#e9daea rgb(233,218,234)
```
#f1e6f1
```
#f1e6f1 rgb(241,230,241)
```
#f8f3f8
```
#f8f3f8 rgb(248,243,248)
```

Tint Color Variation

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

#988f98
```
#988f98 rgb(152,143,152)
```
#a087a0
```
#a087a0 rgb(160,135,160)
```
#a77ea9
```
#a77ea9 rgb(167,126,169)
```
#af76b1
```
#af76b1 rgb(175,118,177)
```
#b76eb9
```
#b76eb9 rgb(183,110,185)
```
#be65c2
```
#be65c2 rgb(190,101,194)
```
#c65dca
```
#c65dca rgb(198,93,202)
```
#ce55d2
```
#ce55d2 rgb(206,85,210)
```
#d64dda
```
#d64dda rgb(214,77,218)
```
#dd44e3
```
#dd44e3 rgb(221,68,227)
```
#e53ceb
```
#e53ceb rgb(229,60,235)
```
#ed34f3
```
#ed34f3 rgb(237,52,243)
```
#f42cfb
```
#f42cfb rgb(244,44,251)
```

Tone Color Variation

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

#8e8e8e Achromatopsia 0.005% of the population
#958995 Atypical Achromatopsia 0.001% of the population

Dichromacy

#7f8dc0 Protanopia 1% of men
#8b8db0 Deuteranopia 1% of men
#ad858e Tritanopia 0.001% of the population

Trichromacy

#9085ba Protanomaly 1% of men, 0.01% of women
#9884b0 Deuteranomaly 6% of men, 0.4% of women
#ad7f9b Tritanomaly 0.01% of the population

#af76b1 hex color

#af76b1 Color Information

#af76b1 Color Conversion

Color Schemes with #af76b1

Alternatives to #af76b1

#af76b1 Preview

Shades and Tints of #af76b1

Tones of #af76b1

Color Blindness Simulator