color #2F4E9D | Chroma Seek

#2F4E9D

Color Information

Hex Code

#2F4E9D

RGB

47, 78, 157

HSL

223°, 54%, 40%

CSS

#2F4E9D

Color Tints

Lighter variations of #2F4E9D

#2F4E9D

#4460A7

10%

#5971B1

20%

#6D83BA

30%

#8295C4

40%

#97A7CE

50%

#ACB8D8

60%

#C1CAE2

70%

#D5DCEB

80%

#EAEDF5

90%

#FFFFFF

100%

Color Shades

Darker variations of #2F4E9D

#2F4E9D

#2A468D

10%

#263E7E

20%

#21376E

30%

#1C2F5E

40%

#18274F

50%

#131F3F

60%

#0E172F

70%

#09101F

80%

#050810

90%

#000000

100%

Related Colors

Complementary Color

#9D7E2F

Opposite on color wheel

Split-Complementary Colors

#9D472F, #859D2F

Adjacent to complementary color

Analogous Colors

#2F859D, #472F9D

Adjacent colors on color wheel (30° apart)

Triadic Colors

#9D2F4E, #4E9D2F

Three colors equally spaced (120° apart)

Tetradic Colors

#7E2F9D, #9D7E2F, #4E9D2F

Rectangle on color wheel (90° apart)

Square Colors

#9D2F85, #9D7E2F, #2F9D47

Four colors equally spaced (90° apart)

Monochromatic Variations

#B0C0E8, #6281D0, #17274F, #000000

Same hue, different lightness/saturation

Aesthetic Color Palettes

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

Analogous + Complementary

#2F4E9D

#2F9D99

#622F9D

#9D7E2F

#859D2F

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

Triadic + Accent

#2F4E9D

#9D2F4E

#4E9D2F

#B162D0

#174F3F

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

Monochromatic + Split Complementary

#2F4E9D

#7691D6

#121D3B

#9D472F

#859D2F

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

#2F4E9D

RGB Values

47, 78, 157

HSL Values

223°, 54%, 40%