color #304864 | Chroma Seek

#304864

Color Information

Hex Code

#304864

RGB

48, 72, 100

HSL

212°, 35%, 29%

CSS

#304864

Color Tints

Lighter variations of #304864

#304864

#455A74

10%

#596D83

20%

#6E7F93

30%

#8391A2

40%

#98A4B2

50%

#ACB6C1

60%

#C1C8D1

70%

#D6DAE0

80%

#EAEDF0

90%

#FFFFFF

100%

Color Shades

Darker variations of #304864

#304864

#2B415A

10%

#263A50

20%

#223246

30%

#1D2B3C

40%

#182432

50%

#131D28

60%

#0E161E

70%

#0A0E14

80%

#05070A

90%

#000000

100%

Color Tones

Toned variations of #304864 (mixed with gray)

#304864

#384E67

10%

#40536A

20%

#48596C

30%

#505E6F

40%

#586472

50%

#606A75

60%

#686F78

70%

#70757A

80%

#787A7D

90%

#808080

100%

Related Colors

Complementary Color

#644C30

Opposite on color wheel

Split-Complementary Colors

#643230, #626430

Adjacent to complementary color

Analogous Colors

#306264, #323064

Adjacent colors on color wheel (30° apart)

Triadic Colors

#643048, #486430

Three colors equally spaced (120° apart)

Tetradic Colors

#4C3064, #644C30, #486430

Rectangle on color wheel (90° apart)

Square Colors

#643062, #644C30, #306432

Four colors equally spaced (90° apart)

Monochromatic Variations

#94AECC, #517AA9, #0F161F, #000000

Same hue, different lightness/saturation

Aesthetic Color Palettes

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

Analogous + Complementary

#304864

#306459

#3F3064

#644C30

#626430

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

Triadic + Accent

#304864

#643048

#486430

#8051A9

#214534

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

Monochromatic + Split Complementary

#304864

#6187B3

#192534

#643230

#626430

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

#304864

RGB Values

48, 72, 100

HSL Values

212°, 35%, 29%