color #163150 | Chroma Seek

#163150

Color Information

Hex Code

#163150

RGB

22, 49, 80

HSL

212°, 57%, 20%

CSS

#163150

Color Tints

Lighter variations of #163150

#163150

#2D4662

10%

#455A73

20%

#5C6F85

30%

#738396

40%

#8B98A8

50%

#A2ADB9

60%

#B9C1CB

70%

#D0D6DC

80%

#E8EAEE

90%

#FFFFFF

100%

Color Shades

Darker variations of #163150

#163150

#142C48

10%

#122740

20%

#0F2238

30%

#0D1D30

40%

#0B1928

50%

#091420

60%

#070F18

70%

#040A10

80%

#020508

90%

#000000

100%

Related Colors

Complementary Color

#503516

Opposite on color wheel

Split-Complementary Colors

#501816, #4E5016

Adjacent to complementary color

Analogous Colors

#164E50, #181650

Adjacent colors on color wheel (30° apart)

Triadic Colors

#501631, #315016

Three colors equally spaced (120° apart)

Tetradic Colors

#351650, #503516, #315016

Rectangle on color wheel (90° apart)

Square Colors

#50164E, #503516, #165018

Four colors equally spaced (90° apart)

Monochromatic Variations

#AFCAE9, #73A2D9, #377BC8, #26568C

Same hue, different lightness/saturation

Aesthetic Color Palettes

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

Analogous + Complementary

#163150

#165043

#261650

#503516

#4E5016

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

Triadic + Accent

#163150

#501631

#315016

#6A2CA0

#165035

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

Monochromatic + Split Complementary

#163150

#316EB4

#10253C

#501816

#4E5016

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

#163150

RGB Values

22, 49, 80

HSL Values

212°, 57%, 20%