Color picker

#bcbded

Conversion

HEX#bcbded
HEX8#bcbdedff
RGBrgb(188, 189, 237)
CMYK[0.21,0.2,0,0.07]
Name#bcbded
HCL[291.75,25.73,77.99]
oklab[0.81,0.02,-0.07]
Num12369389
HSI[238.98,0.08,0.8]
lab[77.99,9.53,-23.9]
Lighten
#ffffff
Darken
#6c6ed7
Saturate
#b3b5f5
Desaturate
#c4c5e4
Greyscale
#d4d4d4
Brighten
#eff0ff

Color harmonies of #bcbded

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.
#bcbded
#edbcbd
#bdedbc

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.
#bcbded
#edbcd5
#edecbc
#bcedd3

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.
#bcbded
#131418
#353543
#57576d
#797998
#9a9bc2

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.
#bcbded
#bcd1ed
#bcc7ed
#bcbded
#c5bced
#cfbced

Split Complements

Split complementary schemes are like complementary but they uses two adiacent colors of the complement. They are more flexible than complementary ones.
#bcbded
#edbce4
#d1edbc

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
#fafafe
#f5f6fc
#f1f1fb
#ececfa
#e7e7f9
#e2e3f7
#dedef6
#d9d9f5
#d4d5f3
#cfd0f2
#cacbf1
#c6c6f0
#c1c2ee
#bcbded

Shades

A shade is created by adding black to a base color, increasing its darkness. Shades appear more dramatic and richer.
#000000
#0d0e11
#1b1b22
#282933
#363644
#434455
#515166
#5e5f77
#6b6c87
#797a98
#8687a9
#9495ba
#a1a2cb
#afb0dc
#bcbded

Contrast Checker

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

1.804 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.64 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 #bcbded

Some examples of color palettes with #bcbded. View more

Use #bcbded in CSS

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

No palettes yet

Colors

No colors yet

Gradients

No gradients yet