color #B2C7CC | Chroma Seek

#B2C7CC

Color Information

Hex Code

#B2C7CC

RGB

178, 199, 204

HSL

192°, 20%, 75%

CSS

#B2C7CC

Color Tints

Lighter variations of #B2C7CC

#B2C7CC

#BACDD1

10%

#C1D2D6

20%

#C9D8DB

30%

#D1DDE0

40%

#D9E3E6

50%

#E0E9EB

60%

#E8EEF0

70%

#F0F4F5

80%

#F7F9FA

90%

#FFFFFF

100%

Color Shades

Darker variations of #B2C7CC

#B2C7CC

#A0B3B8

10%

#8E9FA3

20%

#7D8B8F

30%

#6B777A

40%

#596466

50%

#475052

60%

#353C3D

70%

#242829

80%

#121414

90%

#000000

100%

Related Colors

Complementary Color

#CCB8B3

Opposite on color wheel

Split-Complementary Colors

#CCB3BA, #CCC4B3

Adjacent to complementary color

Analogous Colors

#B3CCC4, #B3BACC

Adjacent colors on color wheel (30° apart)

Triadic Colors

#CCB3C7, #C7CCB3

Three colors equally spaced (120° apart)

Tetradic Colors

#B8B3CC, #CCB8B3, #C7CCB3

Rectangle on color wheel (90° apart)

Square Colors

#C4B3CC, #CCB8B3, #BACCB3

Four colors equally spaced (90° apart)

Monochromatic Variations

#FFFFFF, #F0F4F5, #759AA3, #47646B

Same hue, different lightness/saturation

Aesthetic Color Palettes

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

Analogous + Complementary

#B2C7CC

#B3CCBE

#B3B4CC

#CCB8B3

#CCC4B3

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

Triadic + Accent

#B2C7CC

#CCB3C7

#C7CCB3

#C6C2D6

#75A37E

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

Monochromatic + Split Complementary

#B2C7CC

#D1DDE0

#668F99

#CCB3BA

#CCC4B3

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

#B2C7CC

RGB Values

178, 199, 204

HSL Values

192°, 20%, 75%