color #506CA1 | Chroma Seek

#506CA1

Color Information

Hex Code

#506CA1

RGB

80, 108, 161

HSL

219°, 34%, 47%

CSS

#506CA1

Color Tints

Lighter variations of #506CA1

#506CA1

#627BAA

10%

#7389B4

20%

#8598BD

30%

#96A7C7

40%

#A8B6D0

50%

#B9C4D9

60%

#CBD3E3

70%

#DCE2EC

80%

#EEF0F6

90%

#FFFFFF

100%

Color Shades

Darker variations of #506CA1

#506CA1

#486191

10%

#405681

20%

#384C71

30%

#304161

40%

#283651

50%

#202B40

60%

#182030

70%

#101620

80%

#080B10

90%

#000000

100%

Related Colors

Complementary Color

#A1844F

Opposite on color wheel

Split-Complementary Colors

#A15B4F, #94A14F

Adjacent to complementary color

Analogous Colors

#4F94A1, #5B4FA1

Adjacent colors on color wheel (30° apart)

Triadic Colors

#A14F6C, #6CA14F

Three colors equally spaced (120° apart)

Tetradic Colors

#844FA1, #A1844F, #6CA14F

Rectangle on color wheel (90° apart)

Square Colors

#A14F94, #A1844F, #4FA15B

Four colors equally spaced (90° apart)

Monochromatic Variations

#D3DAE9, #8EA2C7, #2D3E5C, #0C1018

Same hue, different lightness/saturation

Aesthetic Color Palettes

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

Analogous + Complementary

#506CA1

#4FA198

#704FA1

#A1844F

#94A14F

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

Triadic + Accent

#506CA1

#A14F6C

#6CA14F

#B38EC7

#2D5C4C

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

Monochromatic + Split Complementary

#506CA1

#9FB0D0

#25324B

#A15B4F

#94A14F

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

#506CA1

RGB Values

80, 108, 161

HSL Values

219°, 34%, 47%