color #2F4C9D | Chroma Seek

#2F4C9D

Color Information

Hex Code

#2F4C9D

RGB

47, 76, 157

HSL

224°, 54%, 40%

CSS

#2F4C9D

Color Tints

Lighter variations of #2F4C9D

#2F4C9D

#445EA7

10%

#5970B1

20%

#6D82BA

30%

#8294C4

40%

#97A6CE

50%

#ACB7D8

60%

#C1C9E2

70%

#D5DBEB

80%

#EAEDF5

90%

#FFFFFF

100%

Color Shades

Darker variations of #2F4C9D

#2F4C9D

#2A448D

10%

#263D7E

20%

#21356E

30%

#1C2E5E

40%

#18264F

50%

#131E3F

60%

#0E172F

70%

#090F1F

80%

#050810

90%

#000000

100%

Related Colors

Complementary Color

#9D802F

Opposite on color wheel

Split-Complementary Colors

#9D492F, #839D2F

Adjacent to complementary color

Analogous Colors

#2F839D, #492F9D

Adjacent colors on color wheel (30° apart)

Triadic Colors

#9D2F4C, #4C9D2F

Three colors equally spaced (120° apart)

Tetradic Colors

#802F9D, #9D802F, #4C9D2F

Rectangle on color wheel (90° apart)

Square Colors

#9D2F83, #9D802F, #2F9D49

Four colors equally spaced (90° apart)

Monochromatic Variations

#B0BFE8, #627FD0, #17264F, #000000

Same hue, different lightness/saturation

Aesthetic Color Palettes

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

Analogous + Complementary

#2F4C9D

#2F9D9B

#642F9D

#9D802F

#839D2F

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

Triadic + Accent

#2F4C9D

#9D2F4C

#4C9D2F

#B362D0

#174F40

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

Monochromatic + Split Complementary

#2F4C9D

#768FD6

#121D3B

#9D492F

#839D2F

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

#2F4C9D

RGB Values

47, 76, 157

HSL Values

224°, 54%, 40%