color #30445C | Chroma Seek

#30445C

Color Information

Hex Code

#30445C

RGB

48, 68, 92

HSL

213°, 31%, 27%

CSS

#30445C

Color Tints

Lighter variations of #30445C

#30445C

#45576C

10%

#59697D

20%

#6E7C8D

30%

#838F9D

40%

#98A2AE

50%

#ACB4BE

60%

#C1C7CE

70%

#D6DADE

80%

#EAECEF

90%

#FFFFFF

100%

Color Shades

Darker variations of #30445C

#30445C

#2B3D53

10%

#26364A

20%

#223040

30%

#1D2937

40%

#18222E

50%

#131B25

60%

#0E141C

70%

#0A0E12

80%

#050709

90%

#000000

100%

Related Colors

Complementary Color

#5A4730

Opposite on color wheel

Split-Complementary Colors

#5A3230, #585A30

Adjacent to complementary color

Analogous Colors

#30585A, #32305A

Adjacent colors on color wheel (30° apart)

Triadic Colors

#5A3043, #435A30

Three colors equally spaced (120° apart)

Tetradic Colors

#47305A, #5A4730, #435A30

Rectangle on color wheel (90° apart)

Square Colors

#5A3058, #5A4730, #305A32

Four colors equally spaced (90° apart)

Monochromatic Variations

#91A8C5, #53749D, #0C1117, #000000

Same hue, different lightness/saturation

Aesthetic Color Palettes

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

Analogous + Complementary

#30445C

#305A52

#3C305A

#5A4730

#585A30

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

Triadic + Accent

#30445C

#5A3043

#435A30

#7C539D

#234335

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

Monochromatic + Split Complementary

#30445C

#5F81AB

#1A2532

#5A3230

#585A30

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

#30445C

RGB Values

48, 68, 92

HSL Values

213°, 31%, 27%