color #6C78A7 | Chroma Seek

#6C78A7

Color Information

Hex Code

#6C78A7

RGB

108, 120, 167

HSL

228°, 25%, 54%

CSS

#6C78A7

Color Tints

Lighter variations of #6C78A7

#6C78A7

#7B86B0

10%

#8993B9

20%

#98A1C1

30%

#A7AECA

40%

#B6BCD3

50%

#C4C9DC

60%

#D3D7E5

70%

#E2E4ED

80%

#F0F2F6

90%

#FFFFFF

100%

Color Shades

Darker variations of #6C78A7

#6C78A7

#616C96

10%

#566086

20%

#4C5475

30%

#414864

40%

#363C54

50%

#2B3043

60%

#202432

70%

#161821

80%

#0B0C11

90%

#000000

100%

Related Colors

Complementary Color

#A79B6C

Opposite on color wheel

Split-Complementary Colors

#A77E6C, #95A76C

Adjacent to complementary color

Analogous Colors

#6C95A7, #7E6CA7

Adjacent colors on color wheel (30° apart)

Triadic Colors

#A76C78, #78A76C

Three colors equally spaced (120° apart)

Tetradic Colors

#9B6CA7, #A79B6C, #78A76C

Rectangle on color wheel (90° apart)

Square Colors

#A76C95, #A79B6C, #6CA77E

Four colors equally spaced (90° apart)

Monochromatic Variations

#ECEDF4, #ACB3CD, #414A6C, #1B1E2D

Same hue, different lightness/saturation

Aesthetic Color Palettes

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

Analogous + Complementary

#6C78A7

#6CA4A7

#8D6CA7

#A79B6C

#95A76C

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

Triadic + Accent

#6C78A7

#A76C78

#78A76C

#C7ACCD

#416C64

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

Monochromatic + Split Complementary

#6C78A7

#BCC1D7

#373F5C

#A77E6C

#95A76C

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

#6C78A7

RGB Values

108, 120, 167

HSL Values

228°, 25%, 54%