color #306078 | Chroma Seek

#306078

Color Information

Hex Code

#306078

RGB

48, 96, 120

HSL

200°, 43%, 33%

CSS

#306078

Color Tints

Lighter variations of #306078

#306078

#457086

10%

#598093

20%

#6E90A1

30%

#83A0AE

40%

#98B0BC

50%

#ACBFC9

60%

#C1CFD7

70%

#D6DFE4

80%

#EAEFF2

90%

#FFFFFF

100%

Color Shades

Darker variations of #306078

#306078

#2B566C

10%

#264D60

20%

#224354

30%

#1D3A48

40%

#18303C

50%

#132630

60%

#0E1D24

70%

#0A1318

80%

#050A0C

90%

#000000

100%

Related Colors

Complementary Color

#784830

Opposite on color wheel

Split-Complementary Colors

#78303C, #786C30

Adjacent to complementary color

Analogous Colors

#30786C, #303C78

Adjacent colors on color wheel (30° apart)

Triadic Colors

#783060, #607830

Three colors equally spaced (120° apart)

Tetradic Colors

#483078, #784830, #607830

Rectangle on color wheel (90° apart)

Square Colors

#6C3078, #784830, #3C7830

Four colors equally spaced (90° apart)

Monochromatic Variations

#9DC4D8, #5498BB, #13262F, #000000

Same hue, different lightness/saturation

Aesthetic Color Palettes

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

Analogous + Complementary

#306078

#30785A

#363078

#784830

#786C30

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

Triadic + Accent

#306078

#783060

#607830

#7654BB

#1D492C

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

Monochromatic + Split Complementary

#306078

#66A3C2

#162C37

#78303C

#786C30

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

#306078

RGB Values

48, 96, 120

HSL Values

200°, 43%, 33%