#a4afbd hex color

In a RGB color space, hex #a4afbd is composed of 64.3% red, 68.6% green and 74.1% blue. Whereas in a CMYK color space, it is composed of 13.2% cyan, 7.4% magenta, 0% yellow and 25.9% black. It has a hue angle of 213.6 degrees, a saturation of 15.9% and a lightness of 69.2%. #a4afbd color hex could be obtained by blending #ffffff with #495f7b. Closest websafe color is: #9999cc.

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

● #a4afbd color description : Grayish blue.

The hexadecimal color #a4afbd has RGB values of R:164, G:175, B:189 and CMYK values of C:0.13, M:0.07, Y:0, K:0.26. Its decimal value is 10792893.

Hex triplet	a4afbd	`#a4afbd`
RGB Decimal	164, 175, 189	`rgb(164,175,189)`
RGB Percent	64.3, 68.6, 74.1	`rgb(64.3%,68.6%,74.1%)`
CMYK	13, 7, 0, 26
HSL	213.6°, 15.9, 69.2	`hsl(213.6,15.9%,69.2%)`
HSV (or HSB)	213.6°, 13.2, 74.1
Web Safe	9999cc	`#9999cc`

CIE-LAB	71.027, -0.973, -8.453
XYZ	39.823, 42.226, 54.194
xyY	0.292, 0.31, 42.226
CIE-LCH	71.027, 8.509, 263.436
CIE-LUV	71.027, -6.696, -12.593
Hunter-Lab	64.982, -4.326, -3.96
Binary	10100100, 10101111, 10111101

#a4afbd
```
#a4afbd rgb(164,175,189)
```
#bdb2a4
```
#bdb2a4 rgb(189,178,164)
```

Complementary Color

#a4bcbd
```
#a4bcbd rgb(164,188,189)
```
#a4afbd
```
#a4afbd rgb(164,175,189)
```
#a6a4bd
```
#a6a4bd rgb(166,164,189)
```

Analogous Color

#bcbda4
```
#bcbda4 rgb(188,189,164)
```
#a4afbd
```
#a4afbd rgb(164,175,189)
```
#bda6a4
```
#bda6a4 rgb(189,166,164)
```

Split Complementary Color

#afbda4
```
#afbda4 rgb(175,189,164)
```
#a4afbd
```
#a4afbd rgb(164,175,189)
```
#bda4af
```
#bda4af rgb(189,164,175)
```

Triadic Color

#a4bdb2
```
#a4bdb2 rgb(164,189,178)
```
#a4afbd
```
#a4afbd rgb(164,175,189)
```
#bda4af
```
#bda4af rgb(189,164,175)
```
#bdb2a4
```
#bdb2a4 rgb(189,178,164)
```

Tetradic Color

#78889d
```
#78889d rgb(120,136,157)
```
#8695a8
```
#8695a8 rgb(134,149,168)
```
#95a2b2
```
#95a2b2 rgb(149,162,178)
```
#a4afbd
```
#a4afbd rgb(164,175,189)
```
#b3bcc8
```
#b3bcc8 rgb(179,188,200)
```
#c2c9d2
```
#c2c9d2 rgb(194,201,210)
```
#d0d6dd
```
#d0d6dd rgb(208,214,221)
```

Monochromatic Color

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

#a4b5bd
```
#a4b5bd rgb(164,181,189)
```
#a4b3bd
```
#a4b3bd rgb(164,179,189)
```
#a4b1bd
```
#a4b1bd rgb(164,177,189)
```
#a4afbd
```
#a4afbd rgb(164,175,189)
```
#a4adbd
```
#a4adbd rgb(164,173,189)
```
#a4abbd
```
#a4abbd rgb(164,171,189)
```
#a4a9bd
```
#a4a9bd rgb(164,169,189)
```

Similar Colors

Text with hexadecimal color #a4afbd

This text has a font color of #a4afbd.

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

#a4afbd background color

This paragraph has a background color of #a4afbd.

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

#a4afbd border color

This element has a border color of #a4afbd.

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

CSS codes

.text {color:#a4afbd;}

.background {background-color:#a4afbd;}

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

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

#080a0b
```
#080a0b rgb(8,10,11)
```
#101317
```
#101317 rgb(16,19,23)
```
#191d22
```
#191d22 rgb(25,29,34)
```
#21262d
```
#21262d rgb(33,38,45)
```
#293039
```
#293039 rgb(41,48,57)
```
#313a44
```
#313a44 rgb(49,58,68)
```
#3a4350
```
#3a4350 rgb(58,67,80)
```
#424d5b
```
#424d5b rgb(66,77,91)
```
#4a5766
```
#4a5766 rgb(74,87,102)
```
#526072
```
#526072 rgb(82,96,114)
```
#5b6a7d
```
#5b6a7d rgb(91,106,125)
```
#637388
```
#637388 rgb(99,115,136)
```
#6b7d94
```
#6b7d94 rgb(107,125,148)
```

Shade Color Variation

#77879c
```
#77879c rgb(119,135,156)
```
#8291a4
```
#8291a4 rgb(130,145,164)
```
#8d9bad
```
#8d9bad rgb(141,155,173)
```
#99a5b5
```
#99a5b5 rgb(153,165,181)
```
#a4afbd
```
#a4afbd rgb(164,175,189)
```
#afb9c5
```
#afb9c5 rgb(175,185,197)
```
#bbc3cd
```
#bbc3cd rgb(187,195,205)
```
#c6cdd6
```
#c6cdd6 rgb(198,205,214)
```
#d1d7de
```
#d1d7de rgb(209,215,222)
```
#dde1e6
```
#dde1e6 rgb(221,225,230)
```
#e8ebee
```
#e8ebee rgb(232,235,238)
```
#f4f5f7
```
#f4f5f7 rgb(244,245,247)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Tint Color Variation

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

#b0b0b1
```
#b0b0b1 rgb(176,176,177)
```
#aab0b7
```
#aab0b7 rgb(170,176,183)
```
#a4afbd
```
#a4afbd rgb(164,175,189)
```
#9eaec3
```
#9eaec3 rgb(158,174,195)
```
#98aec9
```
#98aec9 rgb(152,174,201)
```
#92adcf
```
#92adcf rgb(146,173,207)
```
#8cacd5
```
#8cacd5 rgb(140,172,213)
```
#86abdb
```
#86abdb rgb(134,171,219)
```
#80abe1
```
#80abe1 rgb(128,171,225)
```
#7aaae7
```
#7aaae7 rgb(122,170,231)
```
#74a9ed
```
#74a9ed rgb(116,169,237)
```
#6ea8f3
```
#6ea8f3 rgb(110,168,243)
```
#68a8f9
```
#68a8f9 rgb(104,168,249)
```

Tone Color Variation

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

#adadad Achromatopsia 0.005% of the population
#abadb0 Atypical Achromatopsia 0.001% of the population

Dichromacy

#b1b0bf Protanopia 1% of men
#baadc2 Deuteranopia 1% of men
#a8b3c0 Tritanopia 0.001% of the population

Trichromacy

#acb0be Protanomaly 1% of men, 0.01% of women
#b2aec0 Deuteranomaly 6% of men, 0.4% of women
#a6b1be Tritanomaly 0.01% of the population

#a4afbd hex color

#a4afbd Color Information

#a4afbd Color Conversion

Color Schemes with #a4afbd

Alternatives to #a4afbd

#a4afbd Preview

Shades and Tints of #a4afbd

Tones of #a4afbd

Color Blindness Simulator