#afacc5 hex color

In a RGB color space, hex #afacc5 is composed of 68.6% red, 67.5% green and 77.3% blue. Whereas in a CMYK color space, it is composed of 11.2% cyan, 12.7% magenta, 0% yellow and 22.7% black. It has a hue angle of 247.2 degrees, a saturation of 17.7% and a lightness of 72.4%. #afacc5 color hex could be obtained by blending #ffffff with #5f598b. Closest websafe color is: #9999cc.

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

● #afacc5 color description : Grayish blue.

The hexadecimal color #afacc5 has RGB values of R:175, G:172, B:197 and CMYK values of C:0.11, M:0.13, Y:0, K:0.23. Its decimal value is 11513029.

Hex triplet	afacc5	`#afacc5`
RGB Decimal	175, 172, 197	`rgb(175,172,197)`
RGB Percent	68.6, 67.5, 77.3	`rgb(68.6%,67.5%,77.3%)`
CMYK	11, 13, 0, 23
HSL	247.2°, 17.7, 72.4	`hsl(247.2,17.7%,72.4%)`
HSV (or HSB)	247.2°, 12.7, 77.3
Web Safe	9999cc	`#9999cc`

CIE-LAB	71.317, 6.001, -12.334
XYZ	42.508, 42.65, 58.813
xyY	0.295, 0.296, 42.65
CIE-LCH	71.317, 13.716, 295.947
CIE-LUV	71.317, 0.159, -19.768
Hunter-Lab	65.307, 1.897, -7.679
Binary	10101111, 10101100, 11000101

#afacc5
```
#afacc5 rgb(175,172,197)
```
#c2c5ac
```
#c2c5ac rgb(194,197,172)
```

Complementary Color

#acb6c5
```
#acb6c5 rgb(172,182,197)
```
#afacc5
```
#afacc5 rgb(175,172,197)
```
#bcacc5
```
#bcacc5 rgb(188,172,197)
```

Analogous Color

#b6c5ac
```
#b6c5ac rgb(182,197,172)
```
#afacc5
```
#afacc5 rgb(175,172,197)
```
#c5bcac
```
#c5bcac rgb(197,188,172)
```

Split Complementary Color

#acc5af
```
#acc5af rgb(172,197,175)
```
#afacc5
```
#afacc5 rgb(175,172,197)
```
#c5afac
```
#c5afac rgb(197,175,172)
```

Triadic Color

#acc2c5
```
#acc2c5 rgb(172,194,197)
```
#afacc5
```
#afacc5 rgb(175,172,197)
```
#c5afac
```
#c5afac rgb(197,175,172)
```
#c2c5ac
```
#c2c5ac rgb(194,197,172)
```

Tetradic Color

#847fa6
```
#847fa6 rgb(132,127,166)
```
#928eb0
```
#928eb0 rgb(146,142,176)
```
#a19dbb
```
#a19dbb rgb(161,157,187)
```
#afacc5
```
#afacc5 rgb(175,172,197)
```
#bdbbcf
```
#bdbbcf rgb(189,187,207)
```
#cccada
```
#cccada rgb(204,202,218)
```
#dad9e4
```
#dad9e4 rgb(218,217,228)
```

Monochromatic Color

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

#acafc5
```
#acafc5 rgb(172,175,197)
```
#acadc5
```
#acadc5 rgb(172,173,197)
```
#adacc5
```
#adacc5 rgb(173,172,197)
```
#afacc5
```
#afacc5 rgb(175,172,197)
```
#b1acc5
```
#b1acc5 rgb(177,172,197)
```
#b3acc5
```
#b3acc5 rgb(179,172,197)
```
#b5acc5
```
#b5acc5 rgb(181,172,197)
```

Similar Colors

Text with hexadecimal color #afacc5

This text has a font color of #afacc5.

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

#afacc5 background color

This paragraph has a background color of #afacc5.

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

#afacc5 border color

This element has a border color of #afacc5.

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

CSS codes

.text {color:#afacc5;}

.background {background-color:#afacc5;}

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

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

#070709
```
#070709 rgb(7,7,9)
```
#0f0f15
```
#0f0f15 rgb(15,15,21)
```
#181720
```
#181720 rgb(24,23,32)
```
#201f2c
```
#201f2c rgb(32,31,44)
```
#292738
```
#292738 rgb(41,39,56)
```
#312f43
```
#312f43 rgb(49,47,67)
```
#3a374f
```
#3a374f rgb(58,55,79)
```
#423f5a
```
#423f5a rgb(66,63,90)
```
#4b4766
```
#4b4766 rgb(75,71,102)
```
#534f71
```
#534f71 rgb(83,79,113)
```
#5c577d
```
#5c577d rgb(92,87,125)
```
#645f88
```
#645f88 rgb(100,95,136)
```
#6d6794
```
#6d6794 rgb(109,103,148)
```

Shade Color Variation

#77729d
```
#77729d rgb(119,114,157)
```
#827ea5
```
#827ea5 rgb(130,126,165)
```
#8e89ad
```
#8e89ad rgb(142,137,173)
```
#9995b5
```
#9995b5 rgb(153,149,181)
```
#a4a0bd
```
#a4a0bd rgb(164,160,189)
```
#afacc5
```
#afacc5 rgb(175,172,197)
```
#bab8cd
```
#bab8cd rgb(186,184,205)
```
#c5c3d5
```
#c5c3d5 rgb(197,195,213)
```
#d0cfdd
```
#d0cfdd rgb(208,207,221)
```
#dcdae5
```
#dcdae5 rgb(220,218,229)
```
#e7e6ed
```
#e7e6ed rgb(231,230,237)
```
#f2f1f5
```
#f2f1f5 rgb(242,241,245)
```
#fdfdfd
```
#fdfdfd rgb(253,253,253)
```

Tint Color Variation

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

#b7b7ba
```
#b7b7ba rgb(183,183,186)
```
#b3b1c0
```
#b3b1c0 rgb(179,177,192)
```
#afacc5
```
#afacc5 rgb(175,172,197)
```
#aba7ca
```
#aba7ca rgb(171,167,202)
```
#a7a1d0
```
#a7a1d0 rgb(167,161,208)
```
#a39cd5
```
#a39cd5 rgb(163,156,213)
```
#9f96db
```
#9f96db rgb(159,150,219)
```
#9a91e0
```
#9a91e0 rgb(154,145,224)
```
#968be6
```
#968be6 rgb(150,139,230)
```
#9286eb
```
#9286eb rgb(146,134,235)
```
#8e81f0
```
#8e81f0 rgb(142,129,240)
```
#8a7bf6
```
#8a7bf6 rgb(138,123,246)
```
#8676fb
```
#8676fb rgb(134,118,251)
```

Tone Color Variation

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

#b0b0b0 Achromatopsia 0.005% of the population
#b0afb4 Atypical Achromatopsia 0.001% of the population

Dichromacy

#aeb1c8 Protanopia 1% of men
#b8aec8 Deuteranopia 1% of men
#b1b1be Tritanopia 0.001% of the population

Trichromacy

#aeafc7 Protanomaly 1% of men, 0.01% of women
#b5adc7 Deuteranomaly 6% of men, 0.4% of women
#b0afc0 Tritanomaly 0.01% of the population

#afacc5 hex color

#afacc5 Color Information

#afacc5 Color Conversion

Color Schemes with #afacc5

Alternatives to #afacc5

#afacc5 Preview

Shades and Tints of #afacc5

Tones of #afacc5

Color Blindness Simulator