Color picker

#abcdcc

Conversion

HEX#abcdcc
HEX8#abcdccff
RGBrgb(171, 205, 204)
CMYK[0.17,0,0,0.2]
Name#abcdcc
HCL[195.95,11.91,80]
oklab[0.82,-0.04,-0.01]
Num11259340
HSI[178.52,0.12,0.76]
lab[80,-11.45,-3.27]
Lighten
#ebf3f3
Darken
#6ba7a5
Saturate
#9edad9
Desaturate
#b8c0bf
Greyscale
#bcbcbc
Brighten
#deffff

Color harmonies of #abcdcc

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.
#abcdcc
#ccabcd
#cdccab

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.
#abcdcc
#bbabcd
#cdabac
#bdcdab

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.
#abcdcc
#cef7f6
#1d2323
#414d4d
#647877
#88a2a2

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.
#abcdcc
#abcdbe
#abcdc5
#abcdcc
#abc7cd
#abc0cd

Split Complements

Split complementary schemes are like complementary but they uses two adiacent colors of the complement. They are more flexible than complementary ones.
#abcdcc
#b1abcd
#cdbeab

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
#f3f8f8
#edf4f4
#e7f1f0
#e1eded
#dbeae9
#d5e6e6
#cfe2e2
#c9dfde
#c3dbdb
#bdd8d7
#b7d4d3
#b1d1d0
#abcdcc

Shades

A shade is created by adding black to a base color, increasing its darkness. Shades appear more dramatic and richer.
#000000
#0c0f0f
#181d1d
#252c2c
#313b3a
#3d4949
#495857
#566766
#627575
#6e8483
#7a9292
#86a1a0
#93b0af
#9fbebd
#abcdcc

Contrast Checker

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

1.702 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!
12.336 Super 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 #abcdcc

Some examples of color palettes with #abcdcc. View more

Use #abcdcc in CSS

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

No palettes yet

Colors

No colors yet

Gradients

No gradients yet