#af9bbd hex color

In a RGB color space, hex #af9bbd is composed of 68.6% red, 60.8% green and 74.1% blue. Whereas in a CMYK color space, it is composed of 7.4% cyan, 18% magenta, 0% yellow and 25.9% black. It has a hue angle of 275.3 degrees, a saturation of 20.5% and a lightness of 67.5%. #af9bbd color hex could be obtained by blending #ffffff with #5f377b. Closest websafe color is: #9999cc.

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

● #af9bbd color description : Grayish violet.

The hexadecimal color #af9bbd has RGB values of R:175, G:155, B:189 and CMYK values of C:0.07, M:0.18, Y:0, K:0.26. Its decimal value is 11508669.

Hex triplet	af9bbd	`#af9bbd`
RGB Decimal	175, 155, 189	`rgb(175,155,189)`
RGB Percent	68.6, 60.8, 74.1	`rgb(68.6%,60.8%,74.1%)`
CMYK	7, 18, 0, 26
HSL	275.3°, 20.5, 67.5	`hsl(275.3,20.5%,67.5%)`
HSV (or HSB)	275.3°, 18, 74.1
Web Safe	9999cc	`#9999cc`

CIE-LAB	66.696, 13.772, -14.848
XYZ	38.584, 36.231, 53.102
xyY	0.302, 0.283, 36.231
CIE-LCH	66.696, 20.252, 312.848
CIE-LUV	66.696, 8.968, -24.706
Hunter-Lab	60.192, 9.085, -10.171
Binary	10101111, 10011011, 10111101

#af9bbd
```
#af9bbd rgb(175,155,189)
```
#a9bd9b
```
#a9bd9b rgb(169,189,155)
```

Complementary Color

#9e9bbd
```
#9e9bbd rgb(158,155,189)
```
#af9bbd
```
#af9bbd rgb(175,155,189)
```
#bd9bba
```
#bd9bba rgb(189,155,186)
```

Analogous Color

#9bbd9e
```
#9bbd9e rgb(155,189,158)
```
#af9bbd
```
#af9bbd rgb(175,155,189)
```
#babd9b
```
#babd9b rgb(186,189,155)
```

Split Complementary Color

#9bbdaf
```
#9bbdaf rgb(155,189,175)
```
#af9bbd
```
#af9bbd rgb(175,155,189)
```
#bdaf9b
```
#bdaf9b rgb(189,175,155)
```

Triadic Color

#9ba9bd
```
#9ba9bd rgb(155,169,189)
```
#af9bbd
```
#af9bbd rgb(175,155,189)
```
#bdaf9b
```
#bdaf9b rgb(189,175,155)
```
#a9bd9b
```
#a9bd9b rgb(169,189,155)
```

Tetradic Color

#8a6d9f
```
#8a6d9f rgb(138,109,159)
```
#967ca9
```
#967ca9 rgb(150,124,169)
```
#a38cb3
```
#a38cb3 rgb(163,140,179)
```
#af9bbd
```
#af9bbd rgb(175,155,189)
```
#bbaac7
```
#bbaac7 rgb(187,170,199)
```
#c8bad1
```
#c8bad1 rgb(200,186,209)
```
#d4c9db
```
#d4c9db rgb(212,201,219)
```

Monochromatic Color

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

#a79bbd
```
#a79bbd rgb(167,155,189)
```
#a99bbd
```
#a99bbd rgb(169,155,189)
```
#ac9bbd
```
#ac9bbd rgb(172,155,189)
```
#af9bbd
```
#af9bbd rgb(175,155,189)
```
#b29bbd
```
#b29bbd rgb(178,155,189)
```
#b59bbd
```
#b59bbd rgb(181,155,189)
```
#b89bbd
```
#b89bbd rgb(184,155,189)
```

Similar Colors

Text with hexadecimal color #af9bbd

This text has a font color of #af9bbd.

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

#af9bbd background color

This paragraph has a background color of #af9bbd.

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

#af9bbd border color

This element has a border color of #af9bbd.

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

CSS codes

.text {color:#af9bbd;}

.background {background-color:#af9bbd;}

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

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

#050406
```
#050406 rgb(5,4,6)
```
#100c12
```
#100c12 rgb(16,12,18)
```
#1a141e
```
#1a141e rgb(26,20,30)
```
#241c2a
```
#241c2a rgb(36,28,42)
```
#2e2336
```
#2e2336 rgb(46,35,54)
```
#382b41
```
#382b41 rgb(56,43,65)
```
#42334d
```
#42334d rgb(66,51,77)
```
#4d3b59
```
#4d3b59 rgb(77,59,89)
```
#574365
```
#574365 rgb(87,67,101)
```
#614a71
```
#614a71 rgb(97,74,113)
```
#6b527d
```
#6b527d rgb(107,82,125)
```
#755a88
```
#755a88 rgb(117,90,136)
```
#7f6294
```
#7f6294 rgb(127,98,148)
```

Shade Color Variation

#896c9e
```
#896c9e rgb(137,108,158)
```
#9378a6
```
#9378a6 rgb(147,120,166)
```
#9c83ad
```
#9c83ad rgb(156,131,173)
```
#a68fb5
```
#a68fb5 rgb(166,143,181)
```
#af9bbd
```
#af9bbd rgb(175,155,189)
```
#b8a7c5
```
#b8a7c5 rgb(184,167,197)
```
#c2b3cd
```
#c2b3cd rgb(194,179,205)
```
#cbbed4
```
#cbbed4 rgb(203,190,212)
```
#d5cadc
```
#d5cadc rgb(213,202,220)
```
#ded6e4
```
#ded6e4 rgb(222,214,228)
```
#e8e2ec
```
#e8e2ec rgb(232,226,236)
```
#f1eef4
```
#f1eef4 rgb(241,238,244)
```
#fbfafb
```
#fbfafb rgb(251,250,251)
```

Tint Color Variation

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

#ada8b0
```
#ada8b0 rgb(173,168,176)
```
#aea1b7
```
#aea1b7 rgb(174,161,183)
```
#af9bbd
```
#af9bbd rgb(175,155,189)
```
#b095c3
```
#b095c3 rgb(176,149,195)
```
#b18eca
```
#b18eca rgb(177,142,202)
```
#b288d0
```
#b288d0 rgb(178,136,208)
```
#b481d7
```
#b481d7 rgb(180,129,215)
```
#b57bdd
```
#b57bdd rgb(181,123,221)
```
#b675e3
```
#b675e3 rgb(182,117,227)
```
#b76eea
```
#b76eea rgb(183,110,234)
```
#b868f0
```
#b868f0 rgb(184,104,240)
```
#b962f6
```
#b962f6 rgb(185,98,246)
```
#ba5bfd
```
#ba5bfd rgb(186,91,253)
```

Tone Color Variation

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

#a5a5a5 Achromatopsia 0.005% of the population
#a7a3aa Atypical Achromatopsia 0.001% of the population

Dichromacy

#a0a5c3 Protanopia 1% of men
#aaa3bf Deuteranopia 1% of men
#afa3af Tritanopia 0.001% of the population

Trichromacy

#a5a1c1 Protanomaly 1% of men, 0.01% of women
#aba0be Deuteranomaly 6% of men, 0.4% of women
#afa0b4 Tritanomaly 0.01% of the population

#af9bbd hex color

#af9bbd Color Information

#af9bbd Color Conversion

Color Schemes with #af9bbd

Alternatives to #af9bbd

#af9bbd Preview

Shades and Tints of #af9bbd

Tones of #af9bbd

Color Blindness Simulator