Color picker

#acb2dc

Conversion

HEX#acb2dc
HEX8#acb2dcff
RGBrgb(172, 178, 220)
CMYK[0.22,0.19,0,0.14]
Name#acb2dc
HCL[287.29,22.82,73.4]
oklab[0.77,0.01,-0.06]
Num11317980
HSI[233.41,0.09,0.75]
lab[73.4,6.78,-21.79]
Lighten
#f4f5fa
Darken
#646fbe
Saturate
#a0a9e8
Desaturate
#b8bbd0
Greyscale
#c4c4c4
Brighten
#dfe5ff

Color harmonies of #acb2dc

Color harmonies are pleasing color schemes created according to their position on a color wheel. Learn more

Triad

Triadic color schemes are created by picking three colors equally spaced on the color wheel. They appear quite contrasted and multicolored.
#acb2dc
#dcacb2
#b2dcac

Tetrad

Tetradic color schemes are made form two couples of complementary colors in a rectangular shape on the color wheel. They are very versatile, and work best with one dominant color.
#acb2dc
#dcacca
#dcd6ac
#acdcbe

Monochromatic

The monochromatic colors are those that have the same dye, but differ in hue, value and saturation. For example, paint samples have several different values ​​of the same color. Using two or more monochromatic colors will achieve an elegant and pleasant effect.
#acb2dc
#060607
#272832
#484b5c
#6a6d87
#8b90b1

Analogous

Analogous color schemes are made by picking three colors that are next to each other on the color wheel. They are perceived as calm and serene.
#acb2dc
#acc5dc
#acbcdc
#acb2dc
#b0acdc
#b9acdc

Split Complements

Split complementary schemes are like complementary but they uses two adiacent colors of the complement. They are more flexible than complementary ones.
#acb2dc
#dcacd8
#c5dcac

Variations

View this color variations of shades, tints, tones, hues and temperatures.

Tints

A tint is created by adding white to a base color, increasing its lightness. Tints are likely to look pastel and less intense.
#ffffff
#f9fafd
#f3f4fa
#edeff8
#e7e9f5
#e1e4f3
#dbdef0
#d6d9ee
#d0d3eb
#cacee9
#c4c8e6
#bec3e4
#b8bde1
#b2b8df
#acb2dc

Shades

A shade is created by adding black to a base color, increasing its darkness. Shades appear more dramatic and richer.
#000000
#0c0d10
#19191f
#25262f
#31333f
#3d404f
#4a4c5e
#56596e
#62667e
#6f728d
#7b7f9d
#878cad
#9399bd
#a0a5cc
#acb2dc

Contrast Checker

Verify the contrast of a #acb2dc colored text on white and black backgrounds. For additional options use Color Contrast Checker Tool.

2.068 Very Poor When I used to read fairy tales, I fancied that kind of thing never happened, and now here I am in the middle of one!
10.156 Very Good When I used to read fairy tales, I fancied that kind of thing never happened, and now here I am in the middle of one!

Color Palettes #acb2dc

Some examples of color palettes with #acb2dc. View more

Use #acb2dc in CSS

#acb2dc as Background Color in CSS
<div style="background-color:#acb2dc">Background Color</div>
#acb2dc as Text Color in CSS
<div style="color:#acb2dc">Text Color</div>
#acb2dc as Border Color in CSS
<div style="border-color:#acb2dc">Border Color</div>
My Collection
Palettes

No palettes yet

Colors

No colors yet

Gradients

No gradients yet