color #7CB6BC | Chroma Seek

#7CB6BC

Color Information

Hex Code

#7CB6BC

RGB

124, 182, 188

HSL

186°, 32%, 61%

CSS

#7CB6BC

Color Tints

Lighter variations of #7CB6BC

#7CB6BC

#89BDC3

10%

#96C5C9

20%

#A3CCD0

30%

#B0D3D7

40%

#BEDBDE

50%

#CBE2E4

60%

#D8E9EB

70%

#E5F0F2

80%

#F2F8F8

90%

#FFFFFF

100%

Color Shades

Darker variations of #7CB6BC

#7CB6BC

#70A4A9

10%

#639296

20%

#577F84

30%

#4A6D71

40%

#3E5B5E

50%

#32494B

60%

#253738

70%

#192426

80%

#0C1213

90%

#000000

100%

Related Colors

Complementary Color

#BB827C

Opposite on color wheel

Split-Complementary Colors

#BB7C95, #BBA27C

Adjacent to complementary color

Analogous Colors

#7CBBA2, #7C95BB

Adjacent colors on color wheel (30° apart)

Triadic Colors

#BB7CB5, #B5BB7C

Three colors equally spaced (120° apart)

Tetradic Colors

#827CBB, #BB827C, #B5BB7C

Rectangle on color wheel (90° apart)

Square Colors

#A27CBB, #BB827C, #95BB7C

Four colors equally spaced (90° apart)

Monochromatic Variations

#FFFFFF, #BFDBDE, #47838A, #244347

Same hue, different lightness/saturation

Aesthetic Color Palettes

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

Analogous + Complementary

#7CB6BC

#7CBB92

#7C85BB

#BB827C

#BBA27C

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

Triadic + Accent

#7CB6BC

#BB7CB5

#B5BB7C

#BFBCDC

#478A4E

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

Monochromatic + Split Complementary

#7CB6BC

#CDE3E5

#3E7379

#BB7C95

#BBA27C

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

#7CB6BC

RGB Values

124, 182, 188

HSL Values

186°, 32%, 61%