color #314BBC | Chroma Seek

#314BBC

Color Information

Hex Code

#314BBC

RGB

49, 75, 188

HSL

229°, 59%, 46%

CSS

#314BBC

Color Tints

Lighter variations of #314BBC

#314BBC

#465DC3

10%

#5A6FC9

20%

#6F81D0

30%

#8393D7

40%

#98A5DE

50%

#ADB7E4

60%

#C1C9EB

70%

#D6DBF2

80%

#EAEDF8

90%

#FFFFFF

100%

Color Shades

Darker variations of #314BBC

#314BBC

#2C44A9

10%

#273C96

20%

#223584

30%

#1D2D71

40%

#19265E

50%

#141E4B

60%

#0F1738

70%

#0A0F26

80%

#050813

90%

#000000

100%

Related Colors

Complementary Color

#BBA130

Opposite on color wheel

Split-Complementary Colors

#BB5C30, #8FBB30

Adjacent to complementary color

Analogous Colors

#308FBB, #5C30BB

Adjacent colors on color wheel (30° apart)

Triadic Colors

#BB3049, #49BB30

Three colors equally spaced (120° apart)

Tetradic Colors

#A130BB, #BBA130, #49BB30

Rectangle on color wheel (90° apart)

Square Colors

#BB308F, #BBA130, #30BB5C

Four colors equally spaced (90° apart)

Monochromatic Variations

#C6CEF0, #7588DB, #1B2A69, #060A18

Same hue, different lightness/saturation

Aesthetic Color Palettes

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

Analogous + Complementary

#314BBC

#30B1BB

#7F30BB

#BBA130

#8FBB30

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

Triadic + Accent

#314BBC

#BB3049

#49BB30

#C975DB

#1B695B

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

Monochromatic + Split Complementary

#314BBC

#8999E1

#162255

#BB5C30

#8FBB30

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

#314BBC

RGB Values

49, 75, 188

HSL Values

229°, 59%, 46%