color #B2BCDC | Chroma Seek

#B2BCDC

Color Information

Hex Code

#B2BCDC

RGB

178, 188, 220

HSL

226°, 38%, 78%

CSS

#B2BCDC

Color Tints

Lighter variations of #B2BCDC

#B2BCDC

#BAC3E0

10%

#C1C9E3

20%

#C9D0E7

30%

#D1D7EA

40%

#D9DEEE

50%

#E0E4F1

60%

#E8EBF5

70%

#F0F2F8

80%

#F7F8FC

90%

#FFFFFF

100%

Color Shades

Darker variations of #B2BCDC

#B2BCDC

#A0A9C6

10%

#8E96B0

20%

#7D849A

30%

#6B7184

40%

#595E6E

50%

#474B58

60%

#353842

70%

#24262C

80%

#121316

90%

#000000

100%

Related Colors

Complementary Color

#DCD2B2

Opposite on color wheel

Split-Complementary Colors

#DCBDB2, #D1DCB2

Adjacent to complementary color

Analogous Colors

#B2D1DC, #BDB2DC

Adjacent colors on color wheel (30° apart)

Triadic Colors

#DCB2BC, #BCDCB2

Three colors equally spaced (120° apart)

Tetradic Colors

#D2B2DC, #DCD2B2, #BCDCB2

Rectangle on color wheel (90° apart)

Square Colors

#DCB2D1, #DCD2B2, #B2DCBD

Four colors equally spaced (90° apart)

Monochromatic Variations

#7D8EC5, #4C62A9, #344374, #1C253F

Same hue, different lightness/saturation

Aesthetic Color Palettes

Beautiful 5-color palettes featuring #B2BCDC. Each palette is designed for harmonious color combinations.

Analogous + Complementary

#B2BCDC

#B2DCDC

#C8B2DC

#DCD2B2

#D1DCB2

A harmonious blend of analogous colors with complementary accents for balanced contrast.

Triadic + Accent

#B2BCDC

#DCB2BC

#BCDCB2

#D6B9DF

#6BBDAA

Bold triadic colors with lighter and darker accent variations for dynamic contrast.

Monochromatic + Split Complementary

#B2BCDC

#CAD1E7

#5A6FB5

#DCBDB2

#D1DCB2

Sophisticated monochromatic variations paired with split complementary colors for elegant contrast.

Interactive Color Picker

Click and drag on the color picker to explore different colors. The preview area will update in real-time.

Hue

Saturation & Lightness

Current Color

#B2BCDC

RGB Values

178, 188, 220

HSL Values

226°, 38%, 78%