Color picker

#acc7cd

Conversion

HEX#acc7cd
HEX8#acc7cdff
RGBrgb(172, 199, 205)
CMYK[0.16,0.03,0,0.2]
Name#acc7cd
HCL[217.78,9.87,78.48]
oklab[0.81,-0.03,-0.02]
Num11323341
HSI[189.83,0.1,0.75]
lab[78.48,-7.8,-6.05]
Lighten
#ecf2f3
Darken
#6c9ca7
Saturate
#9fcfda
Desaturate
#b9bfc0
Greyscale
#bcbcbc
Brighten
#dffaff

Color harmonies of #acc7cd

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.
#acc7cd
#cdacc7
#c7cdac

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.
#acc7cd
#c2accd
#cdb2ac
#b6cdac

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.
#acc7cd
#d0f0f7
#1d2223
#414b4d
#657478
#889ea2

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.
#acc7cd
#accdc6
#accdcc
#acc7cd
#acc0cd
#acbacd

Split Complements

Split complementary schemes are like complementary but they uses two adiacent colors of the complement. They are more flexible than complementary ones.
#acc7cd
#b9accd
#cdc6ac

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
#f9fbfb
#f3f7f8
#edf3f4
#e7eff1
#e1ebed
#dbe7ea
#d6e3e6
#d0dfe2
#cadbdf
#c4d7db
#bed3d8
#b8cfd4
#b2cbd1
#acc7cd

Shades

A shade is created by adding black to a base color, increasing its darkness. Shades appear more dramatic and richer.
#000000
#0c0e0f
#191c1d
#252b2c
#31393b
#3d4749
#4a5558
#566467
#627275
#6f8084
#7b8e92
#879ca1
#93abb0
#a0b9be
#acc7cd

Contrast Checker

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

1.779 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!
11.805 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 #acc7cd

Some examples of color palettes with #acc7cd. View more

Use #acc7cd in CSS

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

No palettes yet

Colors

No colors yet

Gradients

No gradients yet