#afa1bd hex color

In a RGB color space, hex #afa1bd is composed of 68.6% red, 63.1% green and 74.1% blue. Whereas in a CMYK color space, it is composed of 7.4% cyan, 14.8% magenta, 0% yellow and 25.9% black. It has a hue angle of 270 degrees, a saturation of 17.5% and a lightness of 68.6%. #afa1bd color hex could be obtained by blending #ffffff with #5f437b. Closest websafe color is: #9999cc.

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

● #afa1bd color description : Grayish violet.

The hexadecimal color #afa1bd has RGB values of R:175, G:161, B:189 and CMYK values of C:0.07, M:0.15, Y:0, K:0.26. Its decimal value is 11510205.

Hex triplet	afa1bd	`#afa1bd`
RGB Decimal	175, 161, 189	`rgb(175,161,189)`
RGB Percent	68.6, 63.1, 74.1	`rgb(68.6%,63.1%,74.1%)`
CMYK	7, 15, 0, 26
HSL	270°, 17.5, 68.6	`hsl(270,17.5%,68.6%)`
HSV (or HSB)	270°, 14.8, 74.1
Web Safe	9999cc	`#9999cc`

CIE-LAB	68.225, 10.427, -12.548
XYZ	39.608, 38.278, 53.443
xyY	0.302, 0.291, 38.278
CIE-LCH	68.225, 16.315, 309.725
CIE-LUV	68.225, 6.052, -20.67
Hunter-Lab	61.869, 6.002, -7.907
Binary	10101111, 10100001, 10111101

#afa1bd
```
#afa1bd rgb(175,161,189)
```
#afbda1
```
#afbda1 rgb(175,189,161)
```

Complementary Color

#a1a1bd
```
#a1a1bd rgb(161,161,189)
```
#afa1bd
```
#afa1bd rgb(175,161,189)
```
#bda1bd
```
#bda1bd rgb(189,161,189)
```

Analogous Color

#a1bda1
```
#a1bda1 rgb(161,189,161)
```
#afa1bd
```
#afa1bd rgb(175,161,189)
```
#bdbda1
```
#bdbda1 rgb(189,189,161)
```

Split Complementary Color

#a1bdaf
```
#a1bdaf rgb(161,189,175)
```
#afa1bd
```
#afa1bd rgb(175,161,189)
```
#bdafa1
```
#bdafa1 rgb(189,175,161)
```

Triadic Color

#a1afbd
```
#a1afbd rgb(161,175,189)
```
#afa1bd
```
#afa1bd rgb(175,161,189)
```
#bdafa1
```
#bdafa1 rgb(189,175,161)
```
#afbda1
```
#afbda1 rgb(175,189,161)
```

Tetradic Color

#89749d
```
#89749d rgb(137,116,157)
```
#9683a8
```
#9683a8 rgb(150,131,168)
```
#a292b2
```
#a292b2 rgb(162,146,178)
```
#afa1bd
```
#afa1bd rgb(175,161,189)
```
#bcb0c8
```
#bcb0c8 rgb(188,176,200)
```
#c9bfd2
```
#c9bfd2 rgb(201,191,210)
```
#d5cedd
```
#d5cedd rgb(213,206,221)
```

Monochromatic Color

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

#a8a1bd
```
#a8a1bd rgb(168,161,189)
```
#aaa1bd
```
#aaa1bd rgb(170,161,189)
```
#ada1bd
```
#ada1bd rgb(173,161,189)
```
#afa1bd
```
#afa1bd rgb(175,161,189)
```
#b1a1bd
```
#b1a1bd rgb(177,161,189)
```
#b4a1bd
```
#b4a1bd rgb(180,161,189)
```
#b6a1bd
```
#b6a1bd rgb(182,161,189)
```

Similar Colors

Text with hexadecimal color #afa1bd

This text has a font color of #afa1bd.

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

#afa1bd background color

This paragraph has a background color of #afa1bd.

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

#afa1bd border color

This element has a border color of #afa1bd.

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

CSS codes

.text {color:#afa1bd;}

.background {background-color:#afa1bd;}

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

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, #08070a is the darkest color, while #fdfdfe is the lightest one.

#08070a
```
#08070a rgb(8,7,10)
```
#120f15
```
#120f15 rgb(18,15,21)
```
#1c1721
```
#1c1721 rgb(28,23,33)
```
#261f2c
```
#261f2c rgb(38,31,44)
```
#302738
```
#302738 rgb(48,39,56)
```
#392f43
```
#392f43 rgb(57,47,67)
```
#43374f
```
#43374f rgb(67,55,79)
```
#4d3f5a
```
#4d3f5a rgb(77,63,90)
```
#574866
```
#574866 rgb(87,72,102)
```
#615071
```
#615071 rgb(97,80,113)
```
#6a587d
```
#6a587d rgb(106,88,125)
```
#746088
```
#746088 rgb(116,96,136)
```
#7e6894
```
#7e6894 rgb(126,104,148)
```

Shade Color Variation

#88739d
```
#88739d rgb(136,115,157)
```
#927ea5
```
#927ea5 rgb(146,126,165)
```
#9b8aad
```
#9b8aad rgb(155,138,173)
```
#a595b5
```
#a595b5 rgb(165,149,181)
```
#afa1bd
```
#afa1bd rgb(175,161,189)
```
#b9adc5
```
#b9adc5 rgb(185,173,197)
```
#c3b8cd
```
#c3b8cd rgb(195,184,205)
```
#ccc4d5
```
#ccc4d5 rgb(204,196,213)
```
#d6cfdd
```
#d6cfdd rgb(214,207,221)
```
#e0dbe5
```
#e0dbe5 rgb(224,219,229)
```
#eae6ee
```
#eae6ee rgb(234,230,238)
```
#f4f2f6
```
#f4f2f6 rgb(244,242,246)
```
#fdfdfe
```
#fdfdfe rgb(253,253,254)
```

Tint Color Variation

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

#afadb1
```
#afadb1 rgb(175,173,177)
```
#afa7b7
```
#afa7b7 rgb(175,167,183)
```
#afa1bd
```
#afa1bd rgb(175,161,189)
```
#af9bc3
```
#af9bc3 rgb(175,155,195)
```
#af95c9
```
#af95c9 rgb(175,149,201)
```
#af8fcf
```
#af8fcf rgb(175,143,207)
```
#af88d6
```
#af88d6 rgb(175,136,214)
```
#af82dc
```
#af82dc rgb(175,130,220)
```
#af7ce2
```
#af7ce2 rgb(175,124,226)
```
#af76e8
```
#af76e8 rgb(175,118,232)
```
#af70ee
```
#af70ee rgb(175,112,238)
```
#af6af4
```
#af6af4 rgb(175,106,244)
```
#af63fb
```
#af63fb rgb(175,99,251)
```

Tone Color Variation

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

#a8a8a8 Achromatopsia 0.005% of the population
#a9a7ac Atypical Achromatopsia 0.001% of the population

Dichromacy

#a6a9c2 Protanopia 1% of men
#b0a6c0 Deuteranopia 1% of men
#b0a8b4 Tritanopia 0.001% of the population

Trichromacy

#a9a6c0 Protanomaly 1% of men, 0.01% of women
#afa4be Deuteranomaly 6% of men, 0.4% of women
#b0a5b7 Tritanomaly 0.01% of the population

#afa1bd hex color

#afa1bd Color Information

#afa1bd Color Conversion

Color Schemes with #afa1bd

Alternatives to #afa1bd

#afa1bd Preview

Shades and Tints of #afa1bd

Tones of #afa1bd

Color Blindness Simulator