color #5062A0 | Chroma Seek

#5062A0

Color Information

Hex Code

#5062A0

RGB

80, 98, 160

HSL

227°, 33%, 47%

CSS

#5062A0

Color Tints

Lighter variations of #5062A0

#5062A0

#6272AA

10%

#7381B3

20%

#8591BD

30%

#96A1C6

40%

#A8B1D0

50%

#B9C0D9

60%

#CBD0E3

70%

#DCE0EC

80%

#EEEFF6

90%

#FFFFFF

100%

Color Shades

Darker variations of #5062A0

#5062A0

#485890

10%

#404E80

20%

#384570

30%

#303B60

40%

#283150

50%

#202740

60%

#181D30

70%

#101420

80%

#080A10

90%

#000000

100%

Related Colors

Complementary Color

#9F8E50

Opposite on color wheel

Split-Complementary Colors

#9F6750, #899F50

Adjacent to complementary color

Analogous Colors

#50899F, #67509F

Adjacent colors on color wheel (30° apart)

Triadic Colors

#9F5061, #619F50

Three colors equally spaced (120° apart)

Tetradic Colors

#8E509F, #9F8E50, #619F50

Rectangle on color wheel (90° apart)

Square Colors

#9F5089, #9F8E50, #509F67

Four colors equally spaced (90° apart)

Monochromatic Variations

#D3D8E9, #8F9BC7, #2E385C, #0C0F18

Same hue, different lightness/saturation

Aesthetic Color Palettes

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

Analogous + Complementary

#5062A0

#509D9F

#7A509F

#9F8E50

#899F50

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

Triadic + Accent

#5062A0

#9F5061

#619F50

#BB8FC7

#2E5C52

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

Monochromatic + Split Complementary

#5062A0

#A0AACF

#262E4B

#9F6750

#899F50

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

#5062A0

RGB Values

80, 98, 160

HSL Values

227°, 33%, 47%