colorhexa.com

#af9bb6 hex color

In a RGB color space, hex #af9bb6 is composed of 68.6% red, 60.8% green and 71.4% blue. Whereas in a CMYK color space, it is composed of 3.8% cyan, 14.8% magenta, 0% yellow and 28.6% black. It has a hue angle of 284.4 degrees, a saturation of 15.6% and a lightness of 66.1%. #af9bb6 color hex could be obtained by blending #ffffff with #5f376d. Closest websafe color is: #9999cc.

- R 69
- G 61
- B 71
RGB color chart
- C 4
- M 15
- Y 0
- K 29
CMYK color chart

● #af9bb6 color description : Grayish violet.

The hexadecimal color #af9bb6 has RGB values of R:175, G:155, B:182 and CMYK values of C:0.04, M:0.15, Y:0, K:0.29. Its decimal value is 11508662.

Hex triplet	af9bb6	`#af9bb6`
RGB Decimal	175, 155, 182	`rgb(175,155,182)`
RGB Percent	68.6, 60.8, 71.4	`rgb(68.6%,60.8%,71.4%)`
CMYK	4, 15, 0, 29
HSL	284.4°, 15.6, 66.1	`hsl(284.4,15.6%,66.1%)`
HSV (or HSB)	284.4°, 14.8, 71.4
Web Safe	9999cc	`#9999cc`

CIE-LAB	66.47, 12.36, -11.279
XYZ	37.843, 35.934, 49.196
xyY	0.308, 0.292, 35.934
CIE-LCH	66.47, 16.733, 317.618
CIE-LUV	66.47, 9.598, -18.935
Hunter-Lab	59.945, 7.78, -6.696
Binary	10101111, 10011011, 10110110

#af9bb6
```
#af9bb6 rgb(175,155,182)
```
#a2b69b
```
#a2b69b rgb(162,182,155)
```

Complementary Color

#a29bb6
```
#a29bb6 rgb(162,155,182)
```
#af9bb6
```
#af9bb6 rgb(175,155,182)
```
#b69bb0
```
#b69bb0 rgb(182,155,176)
```

Analogous Color

#9bb6a2
```
#9bb6a2 rgb(155,182,162)
```
#af9bb6
```
#af9bb6 rgb(175,155,182)
```
#b0b69b
```
#b0b69b rgb(176,182,155)
```

Split Complementary Color

#9bb6af
```
#9bb6af rgb(155,182,175)
```
#af9bb6
```
#af9bb6 rgb(175,155,182)
```
#b6af9b
```
#b6af9b rgb(182,175,155)
```

Triadic Color

#9ba2b6
```
#9ba2b6 rgb(155,162,182)
```
#af9bb6
```
#af9bb6 rgb(175,155,182)
```
#b6af9b
```
#b6af9b rgb(182,175,155)
```
#a2b69b
```
#a2b69b rgb(162,182,155)
```

Tetradic Color

#8c6f96
```
#8c6f96 rgb(140,111,150)
```
#977ea0
```
#977ea0 rgb(151,126,160)
```
#a38cab
```
#a38cab rgb(163,140,171)
```
#af9bb6
```
#af9bb6 rgb(175,155,182)
```
#bbaac1
```
#bbaac1 rgb(187,170,193)
```
#c7b8cc
```
#c7b8cc rgb(199,184,204)
```
#d2c7d6
```
#d2c7d6 rgb(210,199,214)
```

Monochromatic Color

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

#a89bb6
```
#a89bb6 rgb(168,155,182)
```
#ab9bb6
```
#ab9bb6 rgb(171,155,182)
```
#ad9bb6
```
#ad9bb6 rgb(173,155,182)
```
#af9bb6
```
#af9bb6 rgb(175,155,182)
```
#b19bb6
```
#b19bb6 rgb(177,155,182)
```
#b49bb6
```
#b49bb6 rgb(180,155,182)
```
#b69bb6
```
#b69bb6 rgb(182,155,182)
```

Similar Colors

Text with hexadecimal color #af9bb6

This text has a font color of #af9bb6.

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

#af9bb6 background color

This paragraph has a background color of #af9bb6.

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

#af9bb6 border color

This element has a border color of #af9bb6.

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

CSS codes

.text {color:#af9bb6;}

.background {background-color:#af9bb6;}

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

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

#020102
```
#020102 rgb(2,1,2)
```
#0c0a0d
```
#0c0a0d rgb(12,10,13)
```
#171219
```
#171219 rgb(23,18,25)
```
#221a24
```
#221a24 rgb(34,26,36)
```
#2c232f
```
#2c232f rgb(44,35,47)
```
#372b3b
```
#372b3b rgb(55,43,59)
```
#413346
```
#413346 rgb(65,51,70)
```
#4c3b51
```
#4c3b51 rgb(76,59,81)
```
#56445d
```
#56445d rgb(86,68,93)
```
#614c68
```
#614c68 rgb(97,76,104)
```
#6b5473
```
#6b5473 rgb(107,84,115)
```
#765d7f
```
#765d7f rgb(118,93,127)
```
#80658a
```
#80658a rgb(128,101,138)
```

Shade Color Variation

#8b6e95
```
#8b6e95 rgb(139,110,149)
```
#94799d
```
#94799d rgb(148,121,157)
```
#9d84a5
```
#9d84a5 rgb(157,132,165)
```
#a690ae
```
#a690ae rgb(166,144,174)
```
#af9bb6
```
#af9bb6 rgb(175,155,182)
```
#b8a6be
```
#b8a6be rgb(184,166,190)
```
#c1b2c7
```
#c1b2c7 rgb(193,178,199)
```
#cabdcf
```
#cabdcf rgb(202,189,207)
```
#d3c8d7
```
#d3c8d7 rgb(211,200,215)
```
#dcd4df
```
#dcd4df rgb(220,212,223)
```
#e5dfe8
```
#e5dfe8 rgb(229,223,232)
```
#eeeaf0
```
#eeeaf0 rgb(238,234,240)
```
#f8f6f8
```
#f8f6f8 rgb(248,246,248)
```

Tint Color Variation

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

#a9a8a9
```
#a9a8a9 rgb(169,168,169)
```
#aca2af
```
#aca2af rgb(172,162,175)
```
#af9bb6
```
#af9bb6 rgb(175,155,182)
```
#b294bd
```
#b294bd rgb(178,148,189)
```
#b58ec3
```
#b58ec3 rgb(181,142,195)
```
#b987ca
```
#b987ca rgb(185,135,202)
```
#bc80d1
```
#bc80d1 rgb(188,128,209)
```
#bf7ad7
```
#bf7ad7 rgb(191,122,215)
```
#c273de
```
#c273de rgb(194,115,222)
```
#c56ce5
```
#c56ce5 rgb(197,108,229)
```
#c966eb
```
#c966eb rgb(201,102,235)
```
#cc5ff2
```
#cc5ff2 rgb(204,95,242)
```
#cf58f9
```
#cf58f9 rgb(207,88,249)
```

Tone Color Variation

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

#a4a4a4 Achromatopsia 0.005% of the population
#a6a2a8 Atypical Achromatopsia 0.001% of the population

Dichromacy

#a2a5bc Protanopia 1% of men
#aca2b9 Deuteranopia 1% of men
#b1a2ad Tritanopia 0.001% of the population

Trichromacy

#a6a1ba Protanomaly 1% of men, 0.01% of women
#ad9fb7 Deuteranomaly 6% of men, 0.4% of women
#b09fb0 Tritanomaly 0.01% of the population