color #142848 | Chroma Seek

#142848

Color Information

Hex Code

#142848

RGB

20, 40, 72

HSL

217°, 57%, 18%

CSS

#142848

Color Tints

Lighter variations of #142848

#142848

#2C3E5A

10%

#43536D

20%

#5B697F

30%

#727E91

40%

#8A94A4

50%

#A1A9B6

60%

#B9BFC8

70%

#D0D4DA

80%

#E8EAED

90%

#FFFFFF

100%

Color Shades

Darker variations of #142848

#142848

#122441

10%

#10203A

20%

#0E1C32

30%

#0C182B

40%

#0A1424

50%

#08101D

60%

#060C16

70%

#04080E

80%

#020407

90%

#000000

100%

Related Colors

Complementary Color

#483414

Opposite on color wheel

Split-Complementary Colors

#481A14, #424814

Adjacent to complementary color

Analogous Colors

#144248, #1A1448

Adjacent colors on color wheel (30° apart)

Triadic Colors

#481428, #284814

Three colors equally spaced (120° apart)

Tetradic Colors

#341448, #483414, #284814

Rectangle on color wheel (90° apart)

Square Colors

#481442, #483414, #14481A

Four colors equally spaced (90° apart)

Monochromatic Variations

#A7BFE7, #6B94D6, #356AC0, #244984

Same hue, different lightness/saturation

Aesthetic Color Palettes

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

Analogous + Complementary

#142848

#144841

#271448

#483414

#424814

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

Triadic + Accent

#142848

#481428

#284814

#6E2A98

#16503A

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

Monochromatic + Split Complementary

#142848

#2F5FAC

#10213C

#481A14

#424814

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

#142848

RGB Values

20, 40, 72

HSL Values

217°, 57%, 18%