color #506377 | Chroma Seek

#506377

Color Information

Hex Code

#506377

RGB

80, 99, 119

HSL

211°, 20%, 39%

CSS

#506377

Color Tints

Lighter variations of #506377

#506377

#627385

10%

#738292

20%

#8592A0

30%

#96A1AD

40%

#A8B1BB

50%

#B9C1C9

60%

#CBD0D6

70%

#DCE0E4

80%

#EEEFF1

90%

#FFFFFF

100%

Color Shades

Darker variations of #506377

#506377

#48596B

10%

#404F5F

20%

#384553

30%

#303B47

40%

#28323C

50%

#202830

60%

#181E24

70%

#101418

80%

#080A0C

90%

#000000

100%

Related Colors

Complementary Color

#776450

Opposite on color wheel

Split-Complementary Colors

#775050, #777750

Adjacent to complementary color

Analogous Colors

#507777, #505077

Adjacent colors on color wheel (30° apart)

Triadic Colors

#775063, #637750

Three colors equally spaced (120° apart)

Tetradic Colors

#645077, #776450, #637750

Rectangle on color wheel (90° apart)

Square Colors

#775077, #776450, #507750

Four colors equally spaced (90° apart)

Monochromatic Variations

#BFC9D4, #8296AB, #27303A, #000000

Same hue, different lightness/saturation

Aesthetic Color Palettes

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

Analogous + Complementary

#506377

#50776E

#5A5077

#776450

#777750

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

Triadic + Accent

#506377

#775063

#637750

#9782AB

#293D33

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

Monochromatic + Split Complementary

#506377

#91A3B6

#1F262E

#775050

#777750

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

#506377

RGB Values

80, 99, 119

HSL Values

211°, 20%, 39%