color #305F63 | Chroma Seek

#305F63

Color Information

Hex Code

#305F63

RGB

48, 95, 99

HSL

185°, 35%, 29%

CSS

#305F63

Color Tints

Lighter variations of #305F63

#305F63

#456F73

10%

#597F82

20%

#6E8F92

30%

#839FA1

40%

#98AFB1

50%

#ACBFC1

60%

#C1CFD0

70%

#D6DFE0

80%

#EAEFEF

90%

#FFFFFF

100%

Color Shades

Darker variations of #305F63

#305F63

#2B5659

10%

#264C4F

20%

#224345

30%

#1D393B

40%

#183032

50%

#132628

60%

#0E1D1E

70%

#0A1314

80%

#050A0A

90%

#000000

100%

Color Tones

Toned variations of #305F63 (mixed with gray)

#305F63

#386266

10%

#406669

20%

#48696C

30%

#506C6F

40%

#587072

50%

#607374

60%

#687677

70%

#70797A

80%

#787D7D

90%

#808080

100%

Related Colors

Complementary Color

#643430

Opposite on color wheel

Split-Complementary Colors

#643046, #644E30

Adjacent to complementary color

Analogous Colors

#30644E, #304664

Adjacent colors on color wheel (30° apart)

Triadic Colors

#643060, #606430

Three colors equally spaced (120° apart)

Tetradic Colors

#343064, #643430, #606430

Rectangle on color wheel (90° apart)

Square Colors

#4E3064, #643430, #466430

Four colors equally spaced (90° apart)

Monochromatic Variations

#94C7CC, #51A1A9, #0F1E1F, #000000

Same hue, different lightness/saturation

Aesthetic Color Palettes

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

Analogous + Complementary

#305F63

#306441

#303964

#643430

#644E30

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

Triadic + Accent

#305F63

#643060

#606430

#5951A9

#214524

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

Monochromatic + Split Complementary

#305F63

#61ACB3

#193134

#643046

#644E30

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

#305F63

RGB Values

48, 95, 99

HSL Values

185°, 35%, 29%