color #54667C | Chroma Seek

#54667C

Color Information

Hex Code

#54667C

RGB

84, 102, 124

HSL

213°, 19%, 41%

CSS

#54667C

Color Tints

Lighter variations of #54667C

#54667C

#657589

10%

#768596

20%

#8794A3

30%

#98A3B0

40%

#AAB3BE

50%

#BBC2CB

60%

#CCD1D8

70%

#DDE0E5

80%

#EEF0F2

90%

#FFFFFF

100%

Color Shades

Darker variations of #54667C

#54667C

#4C5C70

10%

#435263

20%

#3B4757

30%

#323D4A

40%

#2A333E

50%

#222932

60%

#191F25

70%

#111419

80%

#080A0C

90%

#000000

100%

Related Colors

Complementary Color

#7C6B55

Opposite on color wheel

Split-Complementary Colors

#7C5755, #7A7C55

Adjacent to complementary color

Analogous Colors

#557A7C, #57557C

Adjacent colors on color wheel (30° apart)

Triadic Colors

#7C5567, #677C55

Three colors equally spaced (120° apart)

Tetradic Colors

#6B557C, #7C6B55, #677C55

Rectangle on color wheel (90° apart)

Square Colors

#7C557A, #7C6B55, #557C57

Four colors equally spaced (90° apart)

Monochromatic Variations

#C5CED8, #899AAE, #2B3540, #020303

Same hue, different lightness/saturation

Aesthetic Color Palettes

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

Analogous + Complementary

#54667C

#557C74

#61557C

#7C6B55

#7A7C55

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

Triadic + Accent

#54667C

#7C5567

#677C55

#9D89AE

#2B4037

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

Monochromatic + Split Complementary

#54667C

#98A7B9

#212831

#7C5755

#7A7C55

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

#54667C

RGB Values

84, 102, 124

HSL Values

213°, 19%, 41%