color #143866 | Chroma Seek

#143866

Color Information

Hex Code

#143866

RGB

20, 56, 102

HSL

214°, 67%, 24%

CSS

#143866

Color Tints

Lighter variations of #143866

#143866

#2C4C75

10%

#436085

20%

#5B7494

30%

#7288A3

40%

#8A9CB3

50%

#A1AFC2

60%

#B9C3D1

70%

#D0D7E0

80%

#E8EBF0

90%

#FFFFFF

100%

Color Shades

Darker variations of #143866

#143866

#12325C

10%

#102D52

20%

#0E2747

30%

#0C223D

40%

#0A1C33

50%

#081629

60%

#06111F

70%

#040B14

80%

#02060A

90%

#000000

100%

Related Colors

Complementary Color

#664314

Opposite on color wheel

Split-Complementary Colors

#661A14, #616614

Adjacent to complementary color

Analogous Colors

#146166, #1A1466

Adjacent colors on color wheel (30° apart)

Triadic Colors

#661438, #386614

Three colors equally spaced (120° apart)

Tetradic Colors

#431466, #664314, #386614

Rectangle on color wheel (90° apart)

Square Colors

#661461, #664314, #14661A

Four colors equally spaced (90° apart)

Monochromatic Variations

#BBD3F2, #7BA9E5, #3B7FD8, #215BA6

Same hue, different lightness/saturation

Aesthetic Color Palettes

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

Analogous + Complementary

#143866

#146657

#2E1466

#664314

#616614

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

Triadic + Accent

#143866

#661438

#386614

#7A25BB

#115538

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

Monochromatic + Split Complementary

#143866

#2972D1

#0D2340

#661A14

#616614

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

#143866

RGB Values

20, 56, 102

HSL Values

214°, 67%, 24%