#a4afc1 hex color

In a RGB color space, hex #a4afc1 is composed of 64.3% red, 68.6% green and 75.7% blue. Whereas in a CMYK color space, it is composed of 15% cyan, 9.3% magenta, 0% yellow and 24.3% black. It has a hue angle of 217.2 degrees, a saturation of 19% and a lightness of 70%. #a4afc1 color hex could be obtained by blending #ffffff with #495f83. Closest websafe color is: #9999cc.

♥
- f
- t
- g
- R 64
- G 69
- B 76
RGB color chart
- C 15
- M 9
- Y 0
- K 24
CMYK color chart

● #a4afc1 color description : Grayish blue.

The hexadecimal color #a4afc1 has RGB values of R:164, G:175, B:193 and CMYK values of C:0.15, M:0.09, Y:0, K:0.24. Its decimal value is 10792897.

Hex triplet	a4afc1	`#a4afc1`
RGB Decimal	164, 175, 193	`rgb(164,175,193)`
RGB Percent	64.3, 68.6, 75.7	`rgb(64.3%,68.6%,75.7%)`
CMYK	15, 9, 0, 24
HSL	217.2°, 19, 70	`hsl(217.2,19%,70%)`
HSV (or HSB)	217.2°, 15, 75.7
Web Safe	9999cc	`#9999cc`

CIE-LAB	71.147, -0.12, -10.474
XYZ	40.264, 42.402, 56.512
xyY	0.289, 0.305, 42.402
CIE-LCH	71.147, 10.474, 269.345
CIE-LUV	71.147, -6.873, -15.872
Hunter-Lab	65.117, -3.584, -5.873
Binary	10100100, 10101111, 11000001

#a4afc1
```
#a4afc1 rgb(164,175,193)
```
#c1b6a4
```
#c1b6a4 rgb(193,182,164)
```

Complementary Color

#a4bec1
```
#a4bec1 rgb(164,190,193)
```
#a4afc1
```
#a4afc1 rgb(164,175,193)
```
#a8a4c1
```
#a8a4c1 rgb(168,164,193)
```

Analogous Color

#bec1a4
```
#bec1a4 rgb(190,193,164)
```
#a4afc1
```
#a4afc1 rgb(164,175,193)
```
#c1a8a4
```
#c1a8a4 rgb(193,168,164)
```

Split Complementary Color

#afc1a4
```
#afc1a4 rgb(175,193,164)
```
#a4afc1
```
#a4afc1 rgb(164,175,193)
```
#c1a4af
```
#c1a4af rgb(193,164,175)
```

Triadic Color

#a4c1b6
```
#a4c1b6 rgb(164,193,182)
```
#a4afc1
```
#a4afc1 rgb(164,175,193)
```
#c1a4af
```
#c1a4af rgb(193,164,175)
```
#c1b6a4
```
#c1b6a4 rgb(193,182,164)
```

Tetradic Color

#7787a2
```
#7787a2 rgb(119,135,162)
```
#8694ac
```
#8694ac rgb(134,148,172)
```
#95a2b7
```
#95a2b7 rgb(149,162,183)
```
#a4afc1
```
#a4afc1 rgb(164,175,193)
```
#b3bccb
```
#b3bccb rgb(179,188,203)
```
#c2cad6
```
#c2cad6 rgb(194,202,214)
```
#d2d7e0
```
#d2d7e0 rgb(210,215,224)
```

Monochromatic Color

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

#a4b6c1
```
#a4b6c1 rgb(164,182,193)
```
#a4b4c1
```
#a4b4c1 rgb(164,180,193)
```
#a4b1c1
```
#a4b1c1 rgb(164,177,193)
```
#a4afc1
```
#a4afc1 rgb(164,175,193)
```
#a4adc1
```
#a4adc1 rgb(164,173,193)
```
#a4aac1
```
#a4aac1 rgb(164,170,193)
```
#a4a8c1
```
#a4a8c1 rgb(164,168,193)
```

Similar Colors

Text with hexadecimal color #a4afc1

This text has a font color of #a4afc1.

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

#a4afc1 background color

This paragraph has a background color of #a4afc1.

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

#a4afc1 border color

This element has a border color of #a4afc1.

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

CSS codes

.text {color:#a4afc1;}

.background {background-color:#a4afc1;}

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

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

#020202
```
#020202 rgb(2,2,2)
```
#0a0b0e
```
#0a0b0e rgb(10,11,14)
```
#11151a
```
#11151a rgb(17,21,26)
```
#191e25
```
#191e25 rgb(25,30,37)
```
#212731
```
#212731 rgb(33,39,49)
```
#29313d
```
#29313d rgb(41,49,61)
```
#313a48
```
#313a48 rgb(49,58,72)
```
#394354
```
#394354 rgb(57,67,84)
```
#414d60
```
#414d60 rgb(65,77,96)
```
#49566b
```
#49566b rgb(73,86,107)
```
#515f77
```
#515f77 rgb(81,95,119)
```
#596983
```
#596983 rgb(89,105,131)
```
#61728e
```
#61728e rgb(97,114,142)
```

Shade Color Variation

#6a7c99
```
#6a7c99 rgb(106,124,153)
```
#7586a1
```
#7586a1 rgb(117,134,161)
```
#8190a9
```
#8190a9 rgb(129,144,169)
```
#8d9ab1
```
#8d9ab1 rgb(141,154,177)
```
#98a5b9
```
#98a5b9 rgb(152,165,185)
```
#a4afc1
```
#a4afc1 rgb(164,175,193)
```
#b0b9c9
```
#b0b9c9 rgb(176,185,201)
```
#bbc4d1
```
#bbc4d1 rgb(187,196,209)
```
#c7ced9
```
#c7ced9 rgb(199,206,217)
```
#d3d8e1
```
#d3d8e1 rgb(211,216,225)
```
#dee2e9
```
#dee2e9 rgb(222,226,233)
```
#eaedf1
```
#eaedf1 rgb(234,237,241)
```
#f6f7f9
```
#f6f7f9 rgb(246,247,249)
```

Tint Color Variation

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

#b0b2b5
```
#b0b2b5 rgb(176,178,181)
```
#aab0bb
```
#aab0bb rgb(170,176,187)
```
#a4afc1
```
#a4afc1 rgb(164,175,193)
```
#9eaec7
```
#9eaec7 rgb(158,174,199)
```
#98accd
```
#98accd rgb(152,172,205)
```
#92abd3
```
#92abd3 rgb(146,171,211)
```
#8ca9d9
```
#8ca9d9 rgb(140,169,217)
```
#87a8de
```
#87a8de rgb(135,168,222)
```
#81a6e4
```
#81a6e4 rgb(129,166,228)
```
#7ba5ea
```
#7ba5ea rgb(123,165,234)
```
#75a4f0
```
#75a4f0 rgb(117,164,240)
```
#6fa2f6
```
#6fa2f6 rgb(111,162,246)
```
#69a1fc
```
#69a1fc rgb(105,161,252)
```

Tone Color Variation

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

#aeaeae Achromatopsia 0.005% of the population
#acaeb2 Atypical Achromatopsia 0.001% of the population

Dichromacy

#b0b1c3 Protanopia 1% of men
#b9aec5 Deuteranopia 1% of men
#a7b3c0 Tritanopia 0.001% of the population

Trichromacy

#abb0c2 Protanomaly 1% of men, 0.01% of women
#b1aec4 Deuteranomaly 6% of men, 0.4% of women
#a6b2c0 Tritanomaly 0.01% of the population

#a4afc1 hex color

#a4afc1 Color Information

#a4afc1 Color Conversion

Color Schemes with #a4afc1

Alternatives to #a4afc1

#a4afc1 Preview

Shades and Tints of #a4afc1

Tones of #a4afc1

Color Blindness Simulator