Color picker

#adbcf5

Conversion

HEX#adbcf5
HEX8#adbcf5ff
RGBrgb(173, 188, 245)
CMYK[0.29,0.23,0,0.04]
Name#adbcf5
HCL[284.09,30.83,76.95]
oklab[0.8,0,-0.08]
Num11386101
HSI[228.61,0.14,0.79]
lab[76.95,7.51,-29.9]
Lighten
#ffffff
Darken
#5272ea
Saturate
#a4b7fe
Desaturate
#b6c1ec
Greyscale
#d1d1d1
Brighten
#e0efff

Color harmonies of #adbcf5

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.
#adbcf5
#f5adbc
#bcf5ad

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.
#adbcf5
#f5ade0
#f5e6ad
#adf5c2

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.
#adbcf5
#171920
#353a4b
#535a75
#717ba0
#8f9bca

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.
#adbcf5
#add9f5
#adcaf5
#adbcf5
#adaef5
#bbadf5

Split Complements

Split complementary schemes are like complementary but they uses two adiacent colors of the complement. They are more flexible than complementary ones.
#adbcf5
#f4adf5
#d9f5ad

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
#f9fafe
#f3f5fe
#edf1fd
#e8ecfc
#e2e7fb
#dce2fb
#d6defa
#d0d9f9
#cad4f9
#c4cff8
#bfcaf7
#b9c6f6
#b3c1f6
#adbcf5

Shades

A shade is created by adding black to a base color, increasing its darkness. Shades appear more dramatic and richer.
#000000
#0c0d12
#191b23
#252835
#313646
#3e4358
#4a5169
#575e7b
#636b8c
#6f799e
#7c86af
#8894c1
#94a1d2
#a1afe4
#adbcf5

Contrast Checker

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

1.86 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.289 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 #adbcf5

Some examples of color palettes with #adbcf5. View more

Use #adbcf5 in CSS

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

No palettes yet

Colors

No colors yet

Gradients

No gradients yet