color #305A64 | Chroma Seek

#305A64

Color Information

Hex Code

#305A64

RGB

48, 90, 100

HSL

192°, 35%, 29%

CSS

#305A64

Color Tints

Lighter variations of #305A64

#305A64

#456B74

10%

#597B83

20%

#6E8C93

30%

#839CA2

40%

#98ADB2

50%

#ACBDC1

60%

#C1CED1

70%

#D6DEE0

80%

#EAEFF0

90%

#FFFFFF

100%

Color Shades

Darker variations of #305A64

#305A64

#2B515A

10%

#264850

20%

#223F46

30%

#1D363C

40%

#182D32

50%

#132428

60%

#0E1B1E

70%

#0A1214

80%

#05090A

90%

#000000

100%

Related Colors

Complementary Color

#643A30

Opposite on color wheel

Split-Complementary Colors

#643040, #645430

Adjacent to complementary color

Analogous Colors

#306454, #304064

Adjacent colors on color wheel (30° apart)

Triadic Colors

#643059, #596430

Three colors equally spaced (120° apart)

Tetradic Colors

#3A3064, #643A30, #596430

Rectangle on color wheel (90° apart)

Square Colors

#543064, #643A30, #406430

Four colors equally spaced (90° apart)

Monochromatic Variations

#94C1CC, #5197A9, #0F1C1F, #000000

Same hue, different lightness/saturation

Aesthetic Color Palettes

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

Analogous + Complementary

#305A64

#306447

#303364

#643A30

#645430

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

Triadic + Accent

#305A64

#643059

#596430

#6351A9

#214528

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

Monochromatic + Split Complementary

#305A64

#61A2B3

#192E34

#643040

#645430

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

#305A64

RGB Values

48, 90, 100

HSL Values

192°, 35%, 29%