color #144558 | Chroma Seek

#144558

Color Information

Hex Code

#144558

RGB

20, 69, 88

HSL

197°, 63%, 21%

CSS

#144558

Color Tints

Lighter variations of #144558

#144558

#2C5869

10%

#436A79

20%

#5B7D8A

30%

#728F9B

40%

#8AA2AC

50%

#A1B5BC

60%

#B9C7CD

70%

#D0DADE

80%

#E8ECEE

90%

#FFFFFF

100%

Color Shades

Darker variations of #144558

#144558

#123E4F

10%

#103746

20%

#0E303E

30%

#0C2935

40%

#0A232C

50%

#081C23

60%

#06151A

70%

#040E12

80%

#020709

90%

#000000

100%

Related Colors

Complementary Color

#572714

Opposite on color wheel

Split-Complementary Colors

#571422, #574914

Adjacent to complementary color

Analogous Colors

#145749, #142257

Adjacent colors on color wheel (30° apart)

Triadic Colors

#571444, #445714

Three colors equally spaced (120° apart)

Tetradic Colors

#271457, #572714, #445714

Rectangle on color wheel (90° apart)

Square Colors

#491457, #572714, #225714

Four colors equally spaced (90° apart)

Monochromatic Variations

#B0DCED, #72C0DF, #33A4D1, #227596

Same hue, different lightness/saturation

Aesthetic Color Palettes

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

Analogous + Complementary

#144558

#145738

#161457

#572714

#574914

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

Triadic + Accent

#144558

#571444

#445714

#4C27AA

#135325

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

Monochromatic + Split Complementary

#144558

#2B95BF

#0E313E

#571422

#574914

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

#144558

RGB Values

20, 69, 88

HSL Values

197°, 63%, 21%