Color picker

#bbbfd4

Conversion

HEX#bbbfd4
HEX8#bbbfd4ff
RGBrgb(187, 191, 212)
CMYK[0.12,0.1,0,0.17]
Name#bbbfd4
HCL[284.09,11.31,77.63]
oklab[0.81,0,-0.03]
Num12304340
HSI[231.43,0.05,0.77]
lab[77.63,2.75,-10.97]
Lighten
#f9fafc
Darken
#7c84ac
Saturate
#b0b7df
Desaturate
#c6c7c9
Greyscale
#c7c7c7
Brighten
#eef2ff

Color harmonies of #bbbfd4

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.
#bbbfd4
#d4bbbf
#bfd4bb

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.
#bbbfd4
#d4bbcb
#d4d0bb
#bbd4c3

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.
#bbbfd4
#e0e5fe
#25262a
#4b4c54
#70727f
#9699a9

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.
#bbbfd4
#bbc9d4
#bbc4d4
#bbbfd4
#bcbbd4
#c1bbd4

Split Complements

Split complementary schemes are like complementary but they uses two adiacent colors of the complement. They are more flexible than complementary ones.
#bbbfd4
#d4bbd3
#c9d4bb

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
#fafafc
#f5f6f9
#f0f1f6
#ecedf3
#e7e8f0
#e2e4ed
#dddfea
#d8dae6
#d3d6e3
#ced1e0
#cacddd
#c5c8da
#c0c4d7
#bbbfd4

Shades

A shade is created by adding black to a base color, increasing its darkness. Shades appear more dramatic and richer.
#000000
#0d0e0f
#1b1b1e
#28292d
#35373d
#43444c
#50525b
#5e606a
#6b6d79
#787b88
#868897
#9396a7
#a0a4b6
#aeb1c5
#bbbfd4

Contrast Checker

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

1.824 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.516 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 #bbbfd4

Some examples of color palettes with #bbbfd4. View more

Use #bbbfd4 in CSS

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

No palettes yet

Colors

No colors yet

Gradients

No gradients yet