color #314DBA | Chroma Seek

#314DBA

Color Information

Hex Code

#314DBA

RGB

49, 77, 186

HSL

228°, 58%, 46%

CSS

#314DBA

Color Tints

Lighter variations of #314DBA

#314DBA

#465FC1

10%

#5A71C8

20%

#6F82CF

30%

#8394D6

40%

#98A6DD

50%

#ADB8E3

60%

#C1CAEA

70%

#D6DBF1

80%

#EAEDF8

90%

#FFFFFF

100%

Color Shades

Darker variations of #314DBA

#314DBA

#2C45A7

10%

#273E95

20%

#223682

30%

#1D2E70

40%

#19275D

50%

#141F4A

60%

#0F1738

70%

#0A0F25

80%

#050813

90%

#000000

100%

Related Colors

Complementary Color

#B99E31

Opposite on color wheel

Split-Complementary Colors

#B95A31, #91B931

Adjacent to complementary color

Analogous Colors

#3191B9, #5A31B9

Adjacent colors on color wheel (30° apart)

Triadic Colors

#B9314C, #4CB931

Three colors equally spaced (120° apart)

Tetradic Colors

#9E31B9, #B99E31, #4CB931

Rectangle on color wheel (90° apart)

Square Colors

#B93191, #B99E31, #31B95A

Four colors equally spaced (90° apart)

Monochromatic Variations

#C7CFF0, #768ADB, #1C2B69, #060A18

Same hue, different lightness/saturation

Aesthetic Color Palettes

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

Analogous + Complementary

#314DBA

#31B3B9

#7C31B9

#B99E31

#91B931

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

Triadic + Accent

#314DBA

#B9314C

#4CB931

#C676DB

#1C6959

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

Monochromatic + Split Complementary

#314DBA

#8A9BE0

#162355

#B95A31

#91B931

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

#314DBA

RGB Values

49, 77, 186

HSL Values

228°, 58%, 46%