#acb2bd hex color

In a RGB color space, hex #acb2bd is composed of 67.5% red, 69.8% green and 74.1% blue. Whereas in a CMYK color space, it is composed of 9% cyan, 5.8% magenta, 0% yellow and 25.9% black. It has a hue angle of 218.8 degrees, a saturation of 11.4% and a lightness of 70.8%. #acb2bd color hex could be obtained by blending #ffffff with #59657b. Closest websafe color is: #9999cc.

♥
- f
- t
- g
- R 67
- G 70
- B 74
RGB color chart
- C 9
- M 6
- Y 0
- K 26
CMYK color chart

● #acb2bd color description : Grayish blue.

The hexadecimal color #acb2bd has RGB values of R:172, G:178, B:189 and CMYK values of C:0.09, M:0.06, Y:0, K:0.26. Its decimal value is 11317949.

Hex triplet	acb2bd	`#acb2bd`
RGB Decimal	172, 178, 189	`rgb(172,178,189)`
RGB Percent	67.5, 69.8, 74.1	`rgb(67.5%,69.8%,74.1%)`
CMYK	9, 6, 0, 26
HSL	218.8°, 11.4, 70.8	`hsl(218.8,11.4%,70.8%)`
HSV (or HSB)	218.8°, 9, 74.1
Web Safe	9999cc	`#9999cc`

CIE-LAB	72.419, 0.077, -6.322
XYZ	42.117, 44.285, 54.47
xyY	0.299, 0.314, 44.285
CIE-LCH	72.419, 6.322, 270.693
CIE-LUV	72.419, -3.911, -9.519
Hunter-Lab	66.547, -3.486, -1.947
Binary	10101100, 10110010, 10111101

#acb2bd
```
#acb2bd rgb(172,178,189)
```
#bdb7ac
```
#bdb7ac rgb(189,183,172)
```

Complementary Color

#acbbbd
```
#acbbbd rgb(172,187,189)
```
#acb2bd
```
#acb2bd rgb(172,178,189)
```
#afacbd
```
#afacbd rgb(175,172,189)
```

Analogous Color

#bbbdac
```
#bbbdac rgb(187,189,172)
```
#acb2bd
```
#acb2bd rgb(172,178,189)
```
#bdafac
```
#bdafac rgb(189,175,172)
```

Split Complementary Color

#b2bdac
```
#b2bdac rgb(178,189,172)
```
#acb2bd
```
#acb2bd rgb(172,178,189)
```
#bdacb2
```
#bdacb2 rgb(189,172,178)
```

Triadic Color

#acbdb7
```
#acbdb7 rgb(172,189,183)
```
#acb2bd
```
#acb2bd rgb(172,178,189)
```
#bdacb2
```
#bdacb2 rgb(189,172,178)
```
#bdb7ac
```
#bdb7ac rgb(189,183,172)
```

Tetradic Color

#818a9b
```
#818a9b rgb(129,138,155)
```
#9098a6
```
#9098a6 rgb(144,152,166)
```
#9ea5b2
```
#9ea5b2 rgb(158,165,178)
```
#acb2bd
```
#acb2bd rgb(172,178,189)
```
#babfc8
```
#babfc8 rgb(186,191,200)
```
#c8ccd4
```
#c8ccd4 rgb(200,204,212)
```
#d7dadf
```
#d7dadf rgb(215,218,223)
```

Monochromatic Color

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

#acb6bd
```
#acb6bd rgb(172,182,189)
```
#acb5bd
```
#acb5bd rgb(172,181,189)
```
#acb3bd
```
#acb3bd rgb(172,179,189)
```
#acb2bd
```
#acb2bd rgb(172,178,189)
```
#acb1bd
```
#acb1bd rgb(172,177,189)
```
#acafbd
```
#acafbd rgb(172,175,189)
```
#acaebd
```
#acaebd rgb(172,174,189)
```

Similar Colors

Text with hexadecimal color #acb2bd

This text has a font color of #acb2bd.

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

#acb2bd background color

This paragraph has a background color of #acb2bd.

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

#acb2bd border color

This element has a border color of #acb2bd.

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

CSS codes

.text {color:#acb2bd;}

.background {background-color:#acb2bd;}

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

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

#040404
```
#040404 rgb(4,4,4)
```
#0c0d0f
```
#0c0d0f rgb(12,13,15)
```
#15171a
```
#15171a rgb(21,23,26)
```
#1e2025
```
#1e2025 rgb(30,32,37)
```
#262a30
```
#262a30 rgb(38,42,48)
```
#2f333b
```
#2f333b rgb(47,51,59)
```
#383d46
```
#383d46 rgb(56,61,70)
```
#404651
```
#404651 rgb(64,70,81)
```
#49505c
```
#49505c rgb(73,80,92)
```
#525967
```
#525967 rgb(82,89,103)
```
#5a6372
```
#5a6372 rgb(90,99,114)
```
#636c7d
```
#636c7d rgb(99,108,125)
```
#6c7688
```
#6c7688 rgb(108,118,136)
```

Shade Color Variation

#757f92
```
#757f92 rgb(117,127,146)
```
#80899a
```
#80899a rgb(128,137,154)
```
#8b94a3
```
#8b94a3 rgb(139,148,163)
```
#969eac
```
#969eac rgb(150,158,172)
```
#a1a8b4
```
#a1a8b4 rgb(161,168,180)
```
#acb2bd
```
#acb2bd rgb(172,178,189)
```
#b7bcc6
```
#b7bcc6 rgb(183,188,198)
```
#c2c6ce
```
#c2c6ce rgb(194,198,206)
```
#cdd0d7
```
#cdd0d7 rgb(205,208,215)
```
#d8dbe0
```
#d8dbe0 rgb(216,219,224)
```
#e3e5e8
```
#e3e5e8 rgb(227,229,232)
```
#eeeff1
```
#eeeff1 rgb(238,239,241)
```
#f8f9fa
```
#f8f9fa rgb(248,249,250)
```

Tint Color Variation

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

#b2b4b7
```
#b2b4b7 rgb(178,180,183)
```
#acb2bd
```
#acb2bd rgb(172,178,189)
```
#a6b0c3
```
#a6b0c3 rgb(166,176,195)
```
#a1afc8
```
#a1afc8 rgb(161,175,200)
```
#9badce
```
#9badce rgb(155,173,206)
```
#95abd4
```
#95abd4 rgb(149,171,212)
```
#8faada
```
#8faada rgb(143,170,218)
```
#8aa8df
```
#8aa8df rgb(138,168,223)
```
#84a6e5
```
#84a6e5 rgb(132,166,229)
```
#7ea5eb
```
#7ea5eb rgb(126,165,235)
```
#78a3f1
```
#78a3f1 rgb(120,163,241)
```
#73a1f6
```
#73a1f6 rgb(115,161,246)
```
#6d9ffc
```
#6d9ffc rgb(109,159,252)
```

Tone Color Variation

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

#b1b1b1 Achromatopsia 0.005% of the population
#b0b1b3 Atypical Achromatopsia 0.001% of the population

Dichromacy

#b5b4bf Protanopia 1% of men
#c0b0c2 Deuteranopia 1% of men
#b0b5c2 Tritanopia 0.001% of the population

Trichromacy

#b2b3be Protanomaly 1% of men, 0.01% of women
#b9b1c0 Deuteranomaly 6% of men, 0.4% of women
#afb4c0 Tritanomaly 0.01% of the population

#acb2bd hex color

#acb2bd Color Information

#acb2bd Color Conversion

Color Schemes with #acb2bd

Alternatives to #acb2bd

#acb2bd Preview

Shades and Tints of #acb2bd

Tones of #acb2bd

Color Blindness Simulator