#af9cc5 hex color

In a RGB color space, hex #af9cc5 is composed of 68.6% red, 61.2% green and 77.3% blue. Whereas in a CMYK color space, it is composed of 11.2% cyan, 20.8% magenta, 0% yellow and 22.7% black. It has a hue angle of 267.8 degrees, a saturation of 26.1% and a lightness of 69.2%. #af9cc5 color hex could be obtained by blending #ffffff with #5f398b. Closest websafe color is: #9999cc.

♥
- f
- t
- g
- R 69
- G 61
- B 77
RGB color chart
- C 11
- M 21
- Y 0
- K 23
CMYK color chart

● #af9cc5 color description : Grayish violet.

The hexadecimal color #af9cc5 has RGB values of R:175, G:156, B:197 and CMYK values of C:0.11, M:0.21, Y:0, K:0.23. Its decimal value is 11508933.

Hex triplet	af9cc5	`#af9cc5`
RGB Decimal	175, 156, 197	`rgb(175,156,197)`
RGB Percent	68.6, 61.2, 77.3	`rgb(68.6%,61.2%,77.3%)`
CMYK	11, 21, 0, 23
HSL	267.8°, 26.1, 69.2	`hsl(267.8,26.1%,69.2%)`
HSV (or HSB)	267.8°, 20.8, 77.3
Web Safe	9999cc	`#9999cc`

CIE-LAB	67.219, 14.878, -18.513
XYZ	39.644, 36.922, 57.858
xyY	0.295, 0.275, 36.922
CIE-LCH	67.219, 23.751, 308.787
CIE-LUV	67.219, 7.772, -30.689
Hunter-Lab	60.764, 10.122, -13.921
Binary	10101111, 10011100, 11000101

#af9cc5
```
#af9cc5 rgb(175,156,197)
```
#b2c59c
```
#b2c59c rgb(178,197,156)
```

Complementary Color

#9c9ec5
```
#9c9ec5 rgb(156,158,197)
```
#af9cc5
```
#af9cc5 rgb(175,156,197)
```
#c49cc5
```
#c49cc5 rgb(196,156,197)
```

Analogous Color

#9ec59c
```
#9ec59c rgb(158,197,156)
```
#af9cc5
```
#af9cc5 rgb(175,156,197)
```
#c5c49c
```
#c5c49c rgb(197,196,156)
```

Split Complementary Color

#9cc5af
```
#9cc5af rgb(156,197,175)
```
#af9cc5
```
#af9cc5 rgb(175,156,197)
```
#c5af9c
```
#c5af9c rgb(197,175,156)
```

Triadic Color

#9cb2c5
```
#9cb2c5 rgb(156,178,197)
```
#af9cc5
```
#af9cc5 rgb(175,156,197)
```
#c5af9c
```
#c5af9c rgb(197,175,156)
```
#b2c59c
```
#b2c59c rgb(178,197,156)
```

Tetradic Color

#886ca9
```
#886ca9 rgb(136,108,169)
```
#957cb2
```
#957cb2 rgb(149,124,178)
```
#a28cbc
```
#a28cbc rgb(162,140,188)
```
#af9cc5
```
#af9cc5 rgb(175,156,197)
```
#bcacce
```
#bcacce rgb(188,172,206)
```
#c9bcd8
```
#c9bcd8 rgb(201,188,216)
```
#d6cce1
```
#d6cce1 rgb(214,204,225)
```

Monochromatic Color

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

#a59cc5
```
#a59cc5 rgb(165,156,197)
```
#a89cc5
```
#a89cc5 rgb(168,156,197)
```
#ac9cc5
```
#ac9cc5 rgb(172,156,197)
```
#af9cc5
```
#af9cc5 rgb(175,156,197)
```
#b29cc5
```
#b29cc5 rgb(178,156,197)
```
#b69cc5
```
#b69cc5 rgb(182,156,197)
```
#b99cc5
```
#b99cc5 rgb(185,156,197)
```

Similar Colors

Text with hexadecimal color #af9cc5

This text has a font color of #af9cc5.

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

#af9cc5 background color

This paragraph has a background color of #af9cc5.

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

#af9cc5 border color

This element has a border color of #af9cc5.

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

CSS codes

.text {color:#af9cc5;}

.background {background-color:#af9cc5;}

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

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

#0a070c
```
#0a070c rgb(10,7,12)
```
#130e19
```
#130e19 rgb(19,14,25)
```
#1d1625
```
#1d1625 rgb(29,22,37)
```
#261d31
```
#261d31 rgb(38,29,49)
```
#30243e
```
#30243e rgb(48,36,62)
```
#3a2b4a
```
#3a2b4a rgb(58,43,74)
```
#433357
```
#433357 rgb(67,51,87)
```
#4d3a63
```
#4d3a63 rgb(77,58,99)
```
#57416f
```
#57416f rgb(87,65,111)
```
#60487c
```
#60487c rgb(96,72,124)
```
#6a5088
```
#6a5088 rgb(106,80,136)
```
#735794
```
#735794 rgb(115,87,148)
```
#7d5ea1
```
#7d5ea1 rgb(125,94,161)
```

Shade Color Variation

#876ba8
```
#876ba8 rgb(135,107,168)
```
#9177af
```
#9177af rgb(145,119,175)
```
#9b83b7
```
#9b83b7 rgb(155,131,183)
```
#a590be
```
#a590be rgb(165,144,190)
```
#af9cc5
```
#af9cc5 rgb(175,156,197)
```
#b9a8cc
```
#b9a8cc rgb(185,168,204)
```
#c3b5d3
```
#c3b5d3 rgb(195,181,211)
```
#cdc1db
```
#cdc1db rgb(205,193,219)
```
#d7cde2
```
#d7cde2 rgb(215,205,226)
```
#e1dae9
```
#e1dae9 rgb(225,218,233)
```
#ebe6f0
```
#ebe6f0 rgb(235,230,240)
```
#f5f3f8
```
#f5f3f8 rgb(245,243,248)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Tint Color Variation

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

#b0aeb3
```
#b0aeb3 rgb(176,174,179)
```
#b0a8b9
```
#b0a8b9 rgb(176,168,185)
```
#afa2bf
```
#afa2bf rgb(175,162,191)
```
#af9cc5
```
#af9cc5 rgb(175,156,197)
```
#af96cb
```
#af96cb rgb(175,150,203)
```
#ae90d1
```
#ae90d1 rgb(174,144,209)
```
#ae8ad7
```
#ae8ad7 rgb(174,138,215)
```
#ad84dd
```
#ad84dd rgb(173,132,221)
```
#ad7ee3
```
#ad7ee3 rgb(173,126,227)
```
#ac78e9
```
#ac78e9 rgb(172,120,233)
```
#ac72ef
```
#ac72ef rgb(172,114,239)
```
#ab6cf5
```
#ab6cf5 rgb(171,108,245)
```
#ab66fb
```
#ab66fb rgb(171,102,251)
```

Tone Color Variation

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

#a6a6a6 Achromatopsia 0.005% of the population
#a8a4ac Atypical Achromatopsia 0.001% of the population

Dichromacy

#9fa6cb Protanopia 1% of men
#a8a4c6 Deuteranopia 1% of men
#aea5b1 Tritanopia 0.001% of the population

Trichromacy

#a5a2c9 Protanomaly 1% of men, 0.01% of women
#aaa1c6 Deuteranomaly 6% of men, 0.4% of women
#aea2b8 Tritanomaly 0.01% of the population

#af9cc5 hex color

#af9cc5 Color Information

#af9cc5 Color Conversion

Color Schemes with #af9cc5

Alternatives to #af9cc5

#af9cc5 Preview

Shades and Tints of #af9cc5

Tones of #af9cc5

Color Blindness Simulator