Color picker

#bddbdf

Conversion

HEX#bddbdf
HEX8#bddbdfff
RGBrgb(189, 219, 223)
CMYK[0.15,0.02,0,0.13]
Name#bddbdf
HCL[210.31,10.49,85.41]
oklab[0.87,-0.03,-0.01]
Num12442591
HSI[186.18,0.1,0.82]
lab[85.41,-9.06,-5.29]
Lighten
#ffffff
Darken
#78b6be
Saturate
#b3e2e9
Desaturate
#c7d3d5
Greyscale
#cecece
Brighten
#f0ffff

Color harmonies of #bddbdf

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.
#bddbdf
#dfbddb
#dbdfbd

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.
#bddbdf
#d2bddf
#dfc1bd
#cadfbd

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.
#bddbdf
#090a0a
#2d3435
#515e5f
#75888a
#99b1b4

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.
#bddbdf
#bddfd5
#bddfdc
#bddbdf
#bdd4df
#bdcddf

Split Complements

Split complementary schemes are like complementary but they uses two adiacent colors of the complement. They are more flexible than complementary ones.
#bddbdf
#c8bddf
#dfd5bd

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
#fafcfd
#f6fafa
#f1f7f8
#ecf5f6
#e7f2f4
#e3f0f1
#deedef
#d9eaed
#d5e8ea
#d0e5e8
#cbe3e6
#c6e0e4
#c2dee1
#bddbdf

Shades

A shade is created by adding black to a base color, increasing its darkness. Shades appear more dramatic and richer.
#000000
#0e1010
#1b1f20
#292f30
#363f40
#444e50
#515e60
#5f6e70
#6c7d7f
#7a8d8f
#879c9f
#95acaf
#a2bcbf
#b0cbcf
#bddbdf

Contrast Checker

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

1.462 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!
14.362 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 #bddbdf

Some examples of color palettes with #bddbdf. View more

Use #bddbdf in CSS

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

No palettes yet

Colors

No colors yet

Gradients

No gradients yet