#af76a8 hex color

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

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

● #af76a8 color description : Mostly desaturated dark magenta.

The hexadecimal color #af76a8 has RGB values of R:175, G:118, B:168 and CMYK values of C:0, M:0.33, Y:0.04, K:0.31. Its decimal value is 11499176.

Hex triplet	af76a8	`#af76a8`
RGB Decimal	175, 118, 168	`rgb(175,118,168)`
RGB Percent	68.6, 46.3, 65.9	`rgb(68.6%,46.3%,65.9%)`
CMYK	0, 33, 4, 31
HSL	307.4°, 26.3, 57.5	`hsl(307.4,26.3%,57.5%)`
HSV (or HSB)	307.4°, 32.6, 68.6
Web Safe	996699	`#996699`

CIE-LAB	56.977, 30.448, -17.662
XYZ	31.225, 24.899, 40.205
xyY	0.324, 0.258, 24.899
CIE-LCH	56.977, 35.199, 329.884
CIE-LUV	56.977, 29.566, -30.931
Hunter-Lab	49.899, 24.375, -12.842
Binary	10101111, 01110110, 10101000

#af76a8
```
#af76a8 rgb(175,118,168)
```
#76af7d
```
#76af7d rgb(118,175,125)
```

Complementary Color

#9a76af
```
#9a76af rgb(154,118,175)
```
#af76a8
```
#af76a8 rgb(175,118,168)
```
#af768c
```
#af768c rgb(175,118,140)
```

Analogous Color

#76af9a
```
#76af9a rgb(118,175,154)
```
#af76a8
```
#af76a8 rgb(175,118,168)
```
#8caf76
```
#8caf76 rgb(140,175,118)
```

Split Complementary Color

#76a8af
```
#76a8af rgb(118,168,175)
```
#af76a8
```
#af76a8 rgb(175,118,168)
```
#a8af76
```
#a8af76 rgb(168,175,118)
```

Triadic Color

#7d76af
```
#7d76af rgb(125,118,175)
```
#af76a8
```
#af76a8 rgb(175,118,168)
```
#a8af76
```
#a8af76 rgb(168,175,118)
```
#76af7d
```
#76af7d rgb(118,175,125)
```

Tetradic Color

#895082
```
#895082 rgb(137,80,130)
```
#995991
```
#995991 rgb(153,89,145)
```
#a6669e
```
#a6669e rgb(166,102,158)
```
#af76a8
```
#af76a8 rgb(175,118,168)
```
#b886b2
```
#b886b2 rgb(184,134,178)
```
#c296bc
```
#c296bc rgb(194,150,188)
```
#cba6c7
```
#cba6c7 rgb(203,166,199)
```

Monochromatic Color

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

#a876af
```
#a876af rgb(168,118,175)
```
#ad76af
```
#ad76af rgb(173,118,175)
```
#af76ad
```
#af76ad rgb(175,118,173)
```
#af76a8
```
#af76a8 rgb(175,118,168)
```
#af76a3
```
#af76a3 rgb(175,118,163)
```
#af769f
```
#af769f rgb(175,118,159)
```
#af769a
```
#af769a rgb(175,118,154)
```

Similar Colors

Text with hexadecimal color #af76a8

This text has a font color of #af76a8.

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

#af76a8 background color

This paragraph has a background color of #af76a8.

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

#af76a8 border color

This element has a border color of #af76a8.

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

CSS codes

.text {color:#af76a8;}

.background {background-color:#af76a8;}

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

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

#0c070b
```
#0c070b rgb(12,7,11)
```
#180e17
```
#180e17 rgb(24,14,23)
```
#241523
```
#241523 rgb(36,21,35)
```
#311c2e
```
#311c2e rgb(49,28,46)
```
#3d243a
```
#3d243a rgb(61,36,58)
```
#4a2b46
```
#4a2b46 rgb(74,43,70)
```
#563252
```
#563252 rgb(86,50,82)
```
#62395d
```
#62395d rgb(98,57,93)
```
#6f4169
```
#6f4169 rgb(111,65,105)
```
#7b4875
```
#7b4875 rgb(123,72,117)
```
#874f81
```
#874f81 rgb(135,79,129)
```
#94568c
```
#94568c rgb(148,86,140)
```
#a05e98
```
#a05e98 rgb(160,94,152)
```

Shade Color Variation

#a86aa0
```
#a86aa0 rgb(168,106,160)
```
#af76a8
```
#af76a8 rgb(175,118,168)
```
#b682b0
```
#b682b0 rgb(182,130,176)
```
#bd8fb8
```
#bd8fb8 rgb(189,143,184)
```
#c59bc0
```
#c59bc0 rgb(197,155,192)
```
#cca8c7
```
#cca8c7 rgb(204,168,199)
```
#d3b4cf
```
#d3b4cf rgb(211,180,207)
```
#dac0d7
```
#dac0d7 rgb(218,192,215)
```
#e2cddf
```
#e2cddf rgb(226,205,223)
```
#e9d9e7
```
#e9d9e7 rgb(233,217,231)
```
#f0e5ef
```
#f0e5ef rgb(240,229,239)
```
#f7f2f7
```
#f7f2f7 rgb(247,242,247)
```
#fffeff
```
#fffeff rgb(255,254,255)
```

Tint Color Variation

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

#968f95
```
#968f95 rgb(150,143,149)
```
#9e879b
```
#9e879b rgb(158,135,155)
```
#a77ea2
```
#a77ea2 rgb(167,126,162)
```
#af76a8
```
#af76a8 rgb(175,118,168)
```
#b76eae
```
#b76eae rgb(183,110,174)
```
#c065b5
```
#c065b5 rgb(192,101,181)
```
#c85dbb
```
#c85dbb rgb(200,93,187)
```
#d055c1
```
#d055c1 rgb(208,85,193)
```
#d94cc7
```
#d94cc7 rgb(217,76,199)
```
#e144ce
```
#e144ce rgb(225,68,206)
```
#e93cd4
```
#e93cd4 rgb(233,60,212)
```
#f233da
```
#f233da rgb(242,51,218)
```
#fa2be1
```
#fa2be1 rgb(250,43,225)
```

Tone Color Variation

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

#828db6 Protanopia 1% of men
#8f8ba8 Deuteranopia 1% of men
#ae838c Tritanopia 0.001% of the population

Trichromacy

#9284b1 Protanomaly 1% of men, 0.01% of women
#9a83a8 Deuteranomaly 6% of men, 0.4% of women
#ae7e96 Tritanomaly 0.01% of the population

#af76a8 hex color

#af76a8 Color Information

#af76a8 Color Conversion

Color Schemes with #af76a8

Alternatives to #af76a8

#af76a8 Preview

Shades and Tints of #af76a8

Tones of #af76a8

Color Blindness Simulator