#afa5bc hex color

In a RGB color space, hex #afa5bc is composed of 68.6% red, 64.7% green and 73.7% blue. Whereas in a CMYK color space, it is composed of 6.9% cyan, 12.2% magenta, 0% yellow and 26.3% black. It has a hue angle of 266.1 degrees, a saturation of 14.6% and a lightness of 69.2%. #afa5bc color hex could be obtained by blending #ffffff with #5f4b79. Closest websafe color is: #9999cc.

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

● #afa5bc color description : Grayish violet.

The hexadecimal color #afa5bc has RGB values of R:175, G:165, B:188 and CMYK values of C:0.07, M:0.12, Y:0, K:0.26. Its decimal value is 11511228.

Hex triplet	afa5bc	`#afa5bc`
RGB Decimal	175, 165, 188	`rgb(175,165,188)`
RGB Percent	68.6, 64.7, 73.7	`rgb(68.6%,64.7%,73.7%)`
CMYK	7, 12, 0, 26
HSL	266.1°, 14.6, 69.2	`hsl(266.1,14.6%,69.2%)`
HSV (or HSB)	266.1°, 12.2, 73.7
Web Safe	9999cc	`#9999cc`

CIE-LAB	69.223, 8.007, -10.499
XYZ	40.21, 39.655, 53.11
xyY	0.302, 0.298, 39.655
CIE-LCH	69.223, 13.204, 307.332
CIE-LUV	69.223, 4.171, -17.145
Hunter-Lab	62.972, 3.776, -5.924
Binary	10101111, 10100101, 10111100

#afa5bc
```
#afa5bc rgb(175,165,188)
```
#b2bca5
```
#b2bca5 rgb(178,188,165)
```

Complementary Color

#a5a7bc
```
#a5a7bc rgb(165,167,188)
```
#afa5bc
```
#afa5bc rgb(175,165,188)
```
#bba5bc
```
#bba5bc rgb(187,165,188)
```

Analogous Color

#a7bca5
```
#a7bca5 rgb(167,188,165)
```
#afa5bc
```
#afa5bc rgb(175,165,188)
```
#bcbba5
```
#bcbba5 rgb(188,187,165)
```

Split Complementary Color

#a5bcaf
```
#a5bcaf rgb(165,188,175)
```
#afa5bc
```
#afa5bc rgb(175,165,188)
```
#bcafa5
```
#bcafa5 rgb(188,175,165)
```

Triadic Color

#a5b2bc
```
#a5b2bc rgb(165,178,188)
```
#afa5bc
```
#afa5bc rgb(175,165,188)
```
#bcafa5
```
#bcafa5 rgb(188,175,165)
```
#b2bca5
```
#b2bca5 rgb(178,188,165)
```

Tetradic Color

#88799b
```
#88799b rgb(136,121,155)
```
#9588a6
```
#9588a6 rgb(149,136,166)
```
#a296b1
```
#a296b1 rgb(162,150,177)
```
#afa5bc
```
#afa5bc rgb(175,165,188)
```
#bcb4c7
```
#bcb4c7 rgb(188,180,199)
```
#c9c2d2
```
#c9c2d2 rgb(201,194,210)
```
#d6d1dd
```
#d6d1dd rgb(214,209,221)
```

Monochromatic Color

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

#a9a5bc
```
#a9a5bc rgb(169,165,188)
```
#aba5bc
```
#aba5bc rgb(171,165,188)
```
#ada5bc
```
#ada5bc rgb(173,165,188)
```
#afa5bc
```
#afa5bc rgb(175,165,188)
```
#b1a5bc
```
#b1a5bc rgb(177,165,188)
```
#b3a5bc
```
#b3a5bc rgb(179,165,188)
```
#b5a5bc
```
#b5a5bc rgb(181,165,188)
```

Similar Colors

Text with hexadecimal color #afa5bc

This text has a font color of #afa5bc.

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

#afa5bc background color

This paragraph has a background color of #afa5bc.

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

#afa5bc border color

This element has a border color of #afa5bc.

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

CSS codes

.text {color:#afa5bc;}

.background {background-color:#afa5bc;}

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

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, #0a080b is the darkest color, while #ffffff is the lightest one.

#0a080b
```
#0a080b rgb(10,8,11)
```
#131116
```
#131116 rgb(19,17,22)
```
#1d1922
```
#1d1922 rgb(29,25,34)
```
#26212d
```
#26212d rgb(38,33,45)
```
#302a38
```
#302a38 rgb(48,42,56)
```
#3a3243
```
#3a3243 rgb(58,50,67)
```
#433b4f
```
#433b4f rgb(67,59,79)
```
#4d435a
```
#4d435a rgb(77,67,90)
```
#574b65
```
#574b65 rgb(87,75,101)
```
#605470
```
#605470 rgb(96,84,112)
```
#6a5c7c
```
#6a5c7c rgb(106,92,124)
```
#736487
```
#736487 rgb(115,100,135)
```
#7d6d92
```
#7d6d92 rgb(125,109,146)
```

Shade Color Variation

#87789b
```
#87789b rgb(135,120,155)
```
#9183a3
```
#9183a3 rgb(145,131,163)
```
#9b8fab
```
#9b8fab rgb(155,143,171)
```
#a59ab4
```
#a59ab4 rgb(165,154,180)
```
#afa5bc
```
#afa5bc rgb(175,165,188)
```
#b9b0c4
```
#b9b0c4 rgb(185,176,196)
```
#c3bbcd
```
#c3bbcd rgb(195,187,205)
```
#cdc7d5
```
#cdc7d5 rgb(205,199,213)
```
#d7d2dd
```
#d7d2dd rgb(215,210,221)
```
#e1dde6
```
#e1dde6 rgb(225,221,230)
```
#ebe8ee
```
#ebe8ee rgb(235,232,238)
```
#f5f4f7
```
#f5f4f7 rgb(245,244,247)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Tint Color Variation

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

#b0abb6
```
#b0abb6 rgb(176,171,182)
```
#afa5bc
```
#afa5bc rgb(175,165,188)
```
#ae9fc2
```
#ae9fc2 rgb(174,159,194)
```
#ad99c8
```
#ad99c8 rgb(173,153,200)
```
#ad93ce
```
#ad93ce rgb(173,147,206)
```
#ac8dd4
```
#ac8dd4 rgb(172,141,212)
```
#ab87da
```
#ab87da rgb(171,135,218)
```
#aa81e0
```
#aa81e0 rgb(170,129,224)
```
#a97be6
```
#a97be6 rgb(169,123,230)
```
#a975ec
```
#a975ec rgb(169,117,236)
```
#a86ff2
```
#a86ff2 rgb(168,111,242)
```
#a769f8
```
#a769f8 rgb(167,105,248)
```
#a663fe
```
#a663fe rgb(166,99,254)
```

Tone Color Variation

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

#ababab Achromatopsia 0.005% of the population
#acaaae Atypical Achromatopsia 0.001% of the population

Dichromacy

#aaacc0 Protanopia 1% of men
#b4a9bf Deuteranopia 1% of men
#b1abb7 Tritanopia 0.001% of the population

Trichromacy

#aba9bf Protanomaly 1% of men, 0.01% of women
#b2a7be Deuteranomaly 6% of men, 0.4% of women
#b0a8b9 Tritanomaly 0.01% of the population

#afa5bc hex color

#afa5bc Color Information

#afa5bc Color Conversion

Color Schemes with #afa5bc

Alternatives to #afa5bc

#afa5bc Preview

Shades and Tints of #afa5bc

Tones of #afa5bc

Color Blindness Simulator