color #314766 | Chroma Seek

#314766

Color Information

Hex Code

#314766

RGB

49, 71, 102

HSL

215°, 35%, 30%

CSS

#314766

Color Tints

Lighter variations of #314766

#314766

#465975

10%

#5A6C85

20%

#6F7E94

30%

#8391A3

40%

#98A3B3

50%

#ADB5C2

60%

#C1C8D1

70%

#D6DAE0

80%

#EAEDF0

90%

#FFFFFF

100%

Color Shades

Darker variations of #314766

#314766

#2C405C

10%

#273952

20%

#223247

30%

#1D2B3D

40%

#192433

50%

#141C29

60%

#0F151F

70%

#0A0E14

80%

#05070A

90%

#000000

100%

Related Colors

Complementary Color

#675132

Opposite on color wheel

Split-Complementary Colors

#673632, #636732

Adjacent to complementary color

Analogous Colors

#326367, #363267

Adjacent colors on color wheel (30° apart)

Triadic Colors

#673248, #486732

Three colors equally spaced (120° apart)

Tetradic Colors

#513267, #675132, #486732

Rectangle on color wheel (90° apart)

Square Colors

#673263, #675132, #326736

Four colors equally spaced (90° apart)

Monochromatic Variations

#98AECD, #5378AC, #111822, #000000

Same hue, different lightness/saturation

Aesthetic Color Palettes

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

Analogous + Complementary

#314766

#32675E

#443267

#675132

#636732

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

Triadic + Accent

#314766

#673248

#486732

#8753AC

#214536

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

Monochromatic + Split Complementary

#314766

#6486B4

#192434

#673632

#636732

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

#314766

RGB Values

49, 71, 102

HSL Values

215°, 35%, 30%