Color picker

#b8ccda

Conversion

HEX#b8ccda
HEX8#b8ccdaff
RGBrgb(184, 204, 218)
CMYK[0.16,0.06,0,0.15]
Name#b8ccda
HCL[247.21,10.01,80.98]
oklab[0.83,-0.02,-0.02]
Num12111066
HSI[204.18,0.09,0.79]
lab[80.98,-3.88,-9.22]
Lighten
#fbfcfd
Darken
#759cb7
Saturate
#adcee5
Desaturate
#c3cacf
Greyscale
#c9c9c9
Brighten
#ebffff

Color harmonies of #b8ccda

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.
#b8ccda
#dab8cc
#ccdab8

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.
#b8ccda
#d7b8da
#dac6b8
#bbdab8

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.
#b8ccda
#050505
#292d30
#4c555a
#707c85
#94a4af

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.
#b8ccda
#b8dada
#b8d3da
#b8ccda
#b8c5da
#b8beda

Split Complements

Split complementary schemes are like complementary but they uses two adiacent colors of the complement. They are more flexible than complementary ones.
#b8ccda
#cdb8da
#dadab8

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
#fafbfc
#f5f8fa
#f0f4f7
#ebf0f4
#e6edf2
#e1e9ef
#dce6ed
#d6e2ea
#d1dee7
#ccdbe5
#c7d7e2
#c2d3df
#bdd0dd
#b8ccda

Shades

A shade is created by adding black to a base color, increasing its darkness. Shades appear more dramatic and richer.
#000000
#0d0f10
#1a1d1f
#272c2f
#353a3e
#42494e
#4f575d
#5c666d
#69757d
#76838c
#83929c
#91a0ab
#9eafbb
#abbdca
#b8ccda

Contrast Checker

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

1.655 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.688 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 #b8ccda

Some examples of color palettes with #b8ccda. View more

Use #b8ccda in CSS

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

No palettes yet

Colors

No colors yet

Gradients

No gradients yet