color #305A67 | Chroma Seek

#305A67

Color Information

Hex Code

#305A67

RGB

48, 90, 103

HSL

194°, 36%, 30%

CSS

#305A67

Color Tints

Lighter variations of #305A67

#305A67

#456B76

10%

#597B85

20%

#6E8C95

30%

#839CA4

40%

#98ADB3

50%

#ACBDC2

60%

#C1CED1

70%

#D6DEE1

80%

#EAEFF0

90%

#FFFFFF

100%

Color Shades

Darker variations of #305A67

#305A67

#2B515D

10%

#264852

20%

#223F48

30%

#1D363E

40%

#182D34

50%

#132429

60%

#0E1B1F

70%

#0A1215

80%

#05090A

90%

#000000

100%

Color Tones

Toned variations of #305A67 (mixed with gray)

#305A67

#385E6A

10%

#40626C

20%

#48656F

30%

#506971

40%

#586D74

50%

#607176

60%

#687579

70%

#70787B

80%

#787C7E

90%

#808080

100%

Related Colors

Complementary Color

#683E31

Opposite on color wheel

Split-Complementary Colors

#683140, #685931

Adjacent to complementary color

Analogous Colors

#316859, #314068

Adjacent colors on color wheel (30° apart)

Triadic Colors

#68315B, #5B6831

Three colors equally spaced (120° apart)

Tetradic Colors

#3E3168, #683E31, #5B6831

Rectangle on color wheel (90° apart)

Square Colors

#593168, #683E31, #406831

Four colors equally spaced (90° apart)

Monochromatic Variations

#97C1CE, #5298AD, #101E23, #000000

Same hue, different lightness/saturation

Aesthetic Color Palettes

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

Analogous + Complementary

#305A67

#31684C

#313268

#683E31

#685931

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

Triadic + Accent

#305A67

#68315B

#5B6831

#6752AD

#214529

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

Monochromatic + Split Complementary

#305A67

#63A2B6

#182E34

#683140

#685931

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

#305A67

RGB Values

48, 90, 103

HSL Values

194°, 36%, 30%