color #506678 | Chroma Seek

#506678

Color Information

Hex Code

#506678

RGB

80, 102, 120

HSL

207°, 20%, 39%

CSS

#506678

Color Tints

Lighter variations of #506678

#506678

#627586

10%

#738593

20%

#8594A1

30%

#96A3AE

40%

#A8B3BC

50%

#B9C2C9

60%

#CBD1D7

70%

#DCE0E4

80%

#EEF0F2

90%

#FFFFFF

100%

Color Shades

Darker variations of #506678

#506678

#485C6C

10%

#405260

20%

#384754

30%

#303D48

40%

#28333C

50%

#202930

60%

#181F24

70%

#101418

80%

#080A0C

90%

#000000

100%

Related Colors

Complementary Color

#776150

Opposite on color wheel

Split-Complementary Colors

#775052, #777550

Adjacent to complementary color

Analogous Colors

#507775, #505277

Adjacent colors on color wheel (30° apart)

Triadic Colors

#775065, #657750

Three colors equally spaced (120° apart)

Tetradic Colors

#615077, #776150, #657750

Rectangle on color wheel (90° apart)

Square Colors

#755077, #776150, #527750

Four colors equally spaced (90° apart)

Monochromatic Variations

#BFCBD4, #8299AB, #27313A, #000000

Same hue, different lightness/saturation

Aesthetic Color Palettes

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

Analogous + Complementary

#506678

#50776B

#585077

#776150

#777550

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

Triadic + Accent

#506678

#775065

#657750

#9482AB

#293D32

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

Monochromatic + Split Complementary

#506678

#91A5B6

#1F272E

#775052

#777550

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

#506678

RGB Values

80, 102, 120

HSL Values

207°, 20%, 39%