color #BACBD3 | Chroma Seek

#BACBD3

Color Information

Hex Code

#BACBD3

RGB

186, 203, 211

HSL

199°, 22%, 78%

CSS

#BACBD3

Color Tints

Lighter variations of #BACBD3

#BACBD3

#C1D0D7

10%

#C8D5DC

20%

#CFDBE0

30%

#D6E0E5

40%

#DDE5E9

50%

#E3EAED

60%

#EAEFF2

70%

#F1F5F6

80%

#F8FAFB

90%

#FFFFFF

100%

Color Shades

Darker variations of #BACBD3

#BACBD3

#A7B7BE

10%

#95A2A9

20%

#828E94

30%

#707A7F

40%

#5D666A

50%

#4A5154

60%

#383D3F

70%

#25292A

80%

#131415

90%

#000000

100%

Related Colors

Complementary Color

#D3C2BB

Opposite on color wheel

Split-Complementary Colors

#D3BBBF, #D3CFBB

Adjacent to complementary color

Analogous Colors

#BBD3CF, #BBBFD3

Adjacent colors on color wheel (30° apart)

Triadic Colors

#D3BBCB, #CBD3BB

Three colors equally spaced (120° apart)

Tetradic Colors

#C2BBD3, #D3C2BB, #CBD3BB

Rectangle on color wheel (90° apart)

Square Colors

#CFBBD3, #D3C2BB, #BFD3BB

Four colors equally spaced (90° apart)

Monochromatic Variations

#8CA8B5, #5F8495, #425B67, #243238

Same hue, different lightness/saturation

Aesthetic Color Palettes

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

Analogous + Complementary

#BACBD3

#BBD3C9

#BCBBD3

#D3C2BB

#D3CFBB

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

Triadic + Accent

#BACBD3

#D3BBCB

#CBD3BB

#C8C1D7

#7CAB8B

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

Monochromatic + Split Complementary

#BACBD3

#D0DCE1

#6D91A2

#D3BBBF

#D3CFBB

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

#BACBD3

RGB Values

186, 203, 211

HSL Values

199°, 22%, 78%