#acb2d1 hex color

In a RGB color space, hex #acb2d1 is composed of 67.5% red, 69.8% green and 82% blue. Whereas in a CMYK color space, it is composed of 17.7% cyan, 14.8% magenta, 0% yellow and 18% black. It has a hue angle of 230.3 degrees, a saturation of 28.7% and a lightness of 74.7%. #acb2d1 color hex could be obtained by blending #ffffff with #5965a3. Closest websafe color is: #9999cc.

♥
- f
- t
- g
- R 67
- G 70
- B 82
RGB color chart
- C 18
- M 15
- Y 0
- K 18
CMYK color chart

● #acb2d1 color description : Grayish blue.

The hexadecimal color #acb2d1 has RGB values of R:172, G:178, B:209 and CMYK values of C:0.18, M:0.15, Y:0, K:0.18. Its decimal value is 11317969.

Hex triplet	acb2d1	`#acb2d1`
RGB Decimal	172, 178, 209	`rgb(172,178,209)`
RGB Percent	67.5, 69.8, 82	`rgb(67.5%,69.8%,82%)`
CMYK	18, 15, 0, 18
HSL	230.3°, 28.7, 74.7	`hsl(230.3,28.7%,74.7%)`
HSV (or HSB)	230.3°, 17.7, 82
Web Safe	9999cc	`#9999cc`

CIE-LAB	73.033, 4.312, -16.356
XYZ	44.44, 45.214, 66.704
xyY	0.284, 0.289, 45.214
CIE-LCH	73.033, 16.915, 284.77
CIE-LUV	73.033, -4.939, -25.965
Hunter-Lab	67.242, 0.298, -11.747
Binary	10101100, 10110010, 11010001

#acb2d1
```
#acb2d1 rgb(172,178,209)
```
#d1cbac
```
#d1cbac rgb(209,203,172)
```

Complementary Color

#acc5d1
```
#acc5d1 rgb(172,197,209)
```
#acb2d1
```
#acb2d1 rgb(172,178,209)
```
#b9acd1
```
#b9acd1 rgb(185,172,209)
```

Analogous Color

#c5d1ac
```
#c5d1ac rgb(197,209,172)
```
#acb2d1
```
#acb2d1 rgb(172,178,209)
```
#d1b9ac
```
#d1b9ac rgb(209,185,172)
```

Split Complementary Color

#b2d1ac
```
#b2d1ac rgb(178,209,172)
```
#acb2d1
```
#acb2d1 rgb(172,178,209)
```
#d1acb2
```
#d1acb2 rgb(209,172,178)
```

Triadic Color

#acd1cb
```
#acd1cb rgb(172,209,203)
```
#acb2d1
```
#acb2d1 rgb(172,178,209)
```
#d1acb2
```
#d1acb2 rgb(209,172,178)
```
#d1cbac
```
#d1cbac rgb(209,203,172)
```

Tetradic Color

#7b84b6
```
#7b84b6 rgb(123,132,182)
```
#8b94bf
```
#8b94bf rgb(139,148,191)
```
#9ca3c8
```
#9ca3c8 rgb(156,163,200)
```
#acb2d1
```
#acb2d1 rgb(172,178,209)
```
#bcc1da
```
#bcc1da rgb(188,193,218)
```
#cdd0e3
```
#cdd0e3 rgb(205,208,227)
```
#dde0ec
```
#dde0ec rgb(221,224,236)
```

Monochromatic Color

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

#acbbd1
```
#acbbd1 rgb(172,187,209)
```
#acb8d1
```
#acb8d1 rgb(172,184,209)
```
#acb5d1
```
#acb5d1 rgb(172,181,209)
```
#acb2d1
```
#acb2d1 rgb(172,178,209)
```
#acafd1
```
#acafd1 rgb(172,175,209)
```
#acacd1
```
#acacd1 rgb(172,172,209)
```
#afacd1
```
#afacd1 rgb(175,172,209)
```

Similar Colors

Text with hexadecimal color #acb2d1

This text has a font color of #acb2d1.

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

#acb2d1 background color

This paragraph has a background color of #acb2d1.

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

#acb2d1 border color

This element has a border color of #acb2d1.

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

CSS codes

.text {color:#acb2d1;}

.background {background-color:#acb2d1;}

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

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

#030305
```
#030305 rgb(3,3,5)
```
#0a0b12
```
#0a0b12 rgb(10,11,18)
```
#11131f
```
#11131f rgb(17,19,31)
```
#181b2b
```
#181b2b rgb(24,27,43)
```
#1f2338
```
#1f2338 rgb(31,35,56)
```
#262b44
```
#262b44 rgb(38,43,68)
```
#2d3351
```
#2d3351 rgb(45,51,81)
```
#343b5e
```
#343b5e rgb(52,59,94)
```
#3b436a
```
#3b436a rgb(59,67,106)
```
#424b77
```
#424b77 rgb(66,75,119)
```
#495284
```
#495284 rgb(73,82,132)
```
#505a90
```
#505a90 rgb(80,90,144)
```
#57629d
```
#57629d rgb(87,98,157)
```

Shade Color Variation

#606ca7
```
#606ca7 rgb(96,108,167)
```
#6d77ae
```
#6d77ae rgb(109,119,174)
```
#7a83b5
```
#7a83b5 rgb(122,131,181)
```
#868fbc
```
#868fbc rgb(134,143,188)
```
#939bc3
```
#939bc3 rgb(147,155,195)
```
#9fa6ca
```
#9fa6ca rgb(159,166,202)
```
#acb2d1
```
#acb2d1 rgb(172,178,209)
```
#b9bed8
```
#b9bed8 rgb(185,190,216)
```
#c5c9df
```
#c5c9df rgb(197,201,223)
```
#d2d5e6
```
#d2d5e6 rgb(210,213,230)
```
#dee1ed
```
#dee1ed rgb(222,225,237)
```
#ebedf4
```
#ebedf4 rgb(235,237,244)
```
#f8f8fb
```
#f8f8fb rgb(248,248,251)
```

Tint Color Variation

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

#bbbcc2
```
#bbbcc2 rgb(187,188,194)
```
#b6b9c7
```
#b6b9c7 rgb(182,185,199)
```
#b1b5cc
```
#b1b5cc rgb(177,181,204)
```
#acb2d1
```
#acb2d1 rgb(172,178,209)
```
#a7afd6
```
#a7afd6 rgb(167,175,214)
```
#a2abdb
```
#a2abdb rgb(162,171,219)
```
#9da8e0
```
#9da8e0 rgb(157,168,224)
```
#98a5e5
```
#98a5e5 rgb(152,165,229)
```
#93a1ea
```
#93a1ea rgb(147,161,234)
```
#8e9eef
```
#8e9eef rgb(142,158,239)
```
#899bf4
```
#899bf4 rgb(137,155,244)
```
#8497f9
```
#8497f9 rgb(132,151,249)
```
#7f94fe
```
#7f94fe rgb(127,148,254)
```

Tone Color Variation

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

#b4b4b4 Achromatopsia 0.005% of the population
#b2b4ba Atypical Achromatopsia 0.001% of the population

Dichromacy

#b1b5d3 Protanopia 1% of men
#b9b3d4 Deuteranopia 1% of men
#adb8c5 Tritanopia 0.001% of the population

Trichromacy

#afb4d2 Protanomaly 1% of men, 0.01% of women
#b4b2d3 Deuteranomaly 6% of men, 0.4% of women
#acb6c9 Tritanomaly 0.01% of the population

#acb2d1 hex color

#acb2d1 Color Information

#acb2d1 Color Conversion

Color Schemes with #acb2d1

Alternatives to #acb2d1

#acb2d1 Preview

Shades and Tints of #acb2d1

Tones of #acb2d1

Color Blindness Simulator