color #303C78 | Chroma Seek

#303C78

Color Information

Hex Code

#303C78

RGB

48, 60, 120

HSL

230°, 43%, 33%

CSS

#303C78

Color Tints

Lighter variations of #303C78

#303C78

#455086

10%

#596393

20%

#6E77A1

30%

#838AAE

40%

#989EBC

50%

#ACB1C9

60%

#C1C5D7

70%

#D6D8E4

80%

#EAECF2

90%

#FFFFFF

100%

Color Shades

Darker variations of #303C78

#303C78

#2B366C

10%

#263060

20%

#222A54

30%

#1D2448

40%

#181E3C

50%

#131830

60%

#0E1224

70%

#0A0C18

80%

#05060C

90%

#000000

100%

Related Colors

Complementary Color

#786C30

Opposite on color wheel

Split-Complementary Colors

#784830, #607830

Adjacent to complementary color

Analogous Colors

#306078, #483078

Adjacent colors on color wheel (30° apart)

Triadic Colors

#78303C, #3C7830

Three colors equally spaced (120° apart)

Tetradic Colors

#6C3078, #786C30, #3C7830

Rectangle on color wheel (90° apart)

Square Colors

#783060, #786C30, #307848

Four colors equally spaced (90° apart)

Monochromatic Variations

#9DA6D8, #5465BB, #13182F, #000000

Same hue, different lightness/saturation

Aesthetic Color Palettes

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

Analogous + Complementary

#303C78

#307278

#5A3078

#786C30

#607830

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

Triadic + Accent

#303C78

#78303C

#3C7830

#AA54BB

#1D4942

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

Monochromatic + Split Complementary

#303C78

#6675C2

#161B37

#784830

#607830

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

#303C78

RGB Values

48, 60, 120

HSL Values

230°, 43%, 33%