#af96bc hex color

In a RGB color space, hex #af96bc is composed of 68.6% red, 58.8% green and 73.7% blue. Whereas in a CMYK color space, it is composed of 6.9% cyan, 20.2% magenta, 0% yellow and 26.3% black. It has a hue angle of 279.5 degrees, a saturation of 22.1% and a lightness of 66.3%. #af96bc color hex could be obtained by blending #ffffff with #5f2d79. Closest websafe color is: #9999cc.

♥
- f
- t
- g
- R 69
- G 59
- B 74
RGB color chart
- C 7
- M 20
- Y 0
- K 26
CMYK color chart

● #af96bc color description : Grayish violet.

The hexadecimal color #af96bc has RGB values of R:175, G:150, B:188 and CMYK values of C:0.07, M:0.2, Y:0, K:0.26. Its decimal value is 11507388.

Hex triplet	af96bc	`#af96bc`
RGB Decimal	175, 150, 188	`rgb(175,150,188)`
RGB Percent	68.6, 58.8, 73.7	`rgb(68.6%,58.8%,73.7%)`
CMYK	7, 20, 0, 26
HSL	279.5°, 22.1, 66.3	`hsl(279.5,22.1%,66.3%)`
HSV (or HSB)	279.5°, 20.2, 73.7
Web Safe	9999cc	`#9999cc`

CIE-LAB	65.403, 16.37, -16.241
XYZ	37.661, 34.558, 52.261
xyY	0.303, 0.278, 34.558
CIE-LCH	65.403, 23.06, 315.225
CIE-LUV	65.403, 11.478, -27.213
Hunter-Lab	58.786, 11.481, -11.558
Binary	10101111, 10010110, 10111100

#af96bc
```
#af96bc rgb(175,150,188)
```
#a3bc96
```
#a3bc96 rgb(163,188,150)
```

Complementary Color

#9c96bc
```
#9c96bc rgb(156,150,188)
```
#af96bc
```
#af96bc rgb(175,150,188)
```
#bc96b6
```
#bc96b6 rgb(188,150,182)
```

Analogous Color

#96bc9c
```
#96bc9c rgb(150,188,156)
```
#af96bc
```
#af96bc rgb(175,150,188)
```
#b6bc96
```
#b6bc96 rgb(182,188,150)
```

Split Complementary Color

#96bcaf
```
#96bcaf rgb(150,188,175)
```
#af96bc
```
#af96bc rgb(175,150,188)
```
#bcaf96
```
#bcaf96 rgb(188,175,150)
```

Triadic Color

#96a3bc
```
#96a3bc rgb(150,163,188)
```
#af96bc
```
#af96bc rgb(175,150,188)
```
#bcaf96
```
#bcaf96 rgb(188,175,150)
```
#a3bc96
```
#a3bc96 rgb(163,188,150)
```

Tetradic Color

#8b679e
```
#8b679e rgb(139,103,158)
```
#9777a8
```
#9777a8 rgb(151,119,168)
```
#a386b2
```
#a386b2 rgb(163,134,178)
```
#af96bc
```
#af96bc rgb(175,150,188)
```
#bba6c6
```
#bba6c6 rgb(187,166,198)
```
#c7b5d0
```
#c7b5d0 rgb(199,181,208)
```
#d3c5da
```
#d3c5da rgb(211,197,218)
```

Monochromatic Color

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

#a696bc
```
#a696bc rgb(166,150,188)
```
#a996bc
```
#a996bc rgb(169,150,188)
```
#ac96bc
```
#ac96bc rgb(172,150,188)
```
#af96bc
```
#af96bc rgb(175,150,188)
```
#b296bc
```
#b296bc rgb(178,150,188)
```
#b596bc
```
#b596bc rgb(181,150,188)
```
#b996bc
```
#b996bc rgb(185,150,188)
```

Similar Colors

Text with hexadecimal color #af96bc

This text has a font color of #af96bc.

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

#af96bc background color

This paragraph has a background color of #af96bc.

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

#af96bc border color

This element has a border color of #af96bc.

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

CSS codes

.text {color:#af96bc;}

.background {background-color:#af96bc;}

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

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

#020203
```
#020203 rgb(2,2,3)
```
#0d090f
```
#0d090f rgb(13,9,15)
```
#17111b
```
#17111b rgb(23,17,27)
```
#221927
```
#221927 rgb(34,25,39)
```
#2c2033
```
#2c2033 rgb(44,32,51)
```
#37283f
```
#37283f rgb(55,40,63)
```
#41304b
```
#41304b rgb(65,48,75)
```
#4c3757
```
#4c3757 rgb(76,55,87)
```
#563f63
```
#563f63 rgb(86,63,99)
```
#61476f
```
#61476f rgb(97,71,111)
```
#6b4e7b
```
#6b4e7b rgb(107,78,123)
```
#765686
```
#765686 rgb(118,86,134)
```
#805d92
```
#805d92 rgb(128,93,146)
```

Shade Color Variation

#8b669d
```
#8b669d rgb(139,102,157)
```
#9472a5
```
#9472a5 rgb(148,114,165)
```
#9d7ead
```
#9d7ead rgb(157,126,173)
```
#a68ab4
```
#a68ab4 rgb(166,138,180)
```
#af96bc
```
#af96bc rgb(175,150,188)
```
#b8a2c4
```
#b8a2c4 rgb(184,162,196)
```
#c1aecb
```
#c1aecb rgb(193,174,203)
```
#cabad3
```
#cabad3 rgb(202,186,211)
```
#d3c6db
```
#d3c6db rgb(211,198,219)
```
#ddd2e2
```
#ddd2e2 rgb(221,210,226)
```
#e6deea
```
#e6deea rgb(230,222,234)
```
#efeaf1
```
#efeaf1 rgb(239,234,241)
```
#f8f6f9
```
#f8f6f9 rgb(248,246,249)
```

Tint Color Variation

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

#aba3af
```
#aba3af rgb(171,163,175)
```
#ad9db5
```
#ad9db5 rgb(173,157,181)
```
#af96bc
```
#af96bc rgb(175,150,188)
```
#b18fc3
```
#b18fc3 rgb(177,143,195)
```
#b389c9
```
#b389c9 rgb(179,137,201)
```
#b582d0
```
#b582d0 rgb(181,130,208)
```
#b77cd6
```
#b77cd6 rgb(183,124,214)
```
#b975dd
```
#b975dd rgb(185,117,221)
```
#bc6ee4
```
#bc6ee4 rgb(188,110,228)
```
#be68ea
```
#be68ea rgb(190,104,234)
```
#c061f1
```
#c061f1 rgb(192,97,241)
```
#c25af8
```
#c25af8 rgb(194,90,248)
```
#c454fe
```
#c454fe rgb(196,84,254)
```

Tone Color Variation

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

#a2a2a2 Achromatopsia 0.005% of the population
#a5a0a7 Atypical Achromatopsia 0.001% of the population

Dichromacy

#9ba2c3 Protanopia 1% of men
#a5a0bd Deuteranopia 1% of men
#af9faa Tritanopia 0.001% of the population

Trichromacy

#a29dc0 Protanomaly 1% of men, 0.01% of women
#a99cbd Deuteranomaly 6% of men, 0.4% of women
#af9bb0 Tritanomaly 0.01% of the population

#af96bc hex color

#af96bc Color Information

#af96bc Color Conversion

Color Schemes with #af96bc

Alternatives to #af96bc

#af96bc Preview

Shades and Tints of #af96bc

Tones of #af96bc

Color Blindness Simulator