color #2F56B0 | Chroma Seek

#2F56B0

Color Information

Hex Code

#2F56B0

RGB

47, 86, 176

HSL

222°, 58%, 44%

CSS

#2F56B0

Color Tints

Lighter variations of #2F56B0

#2F56B0

#4467B8

10%

#5978C0

20%

#6D89C8

30%

#829AD0

40%

#97ABD8

50%

#ACBBDF

60%

#C1CCE7

70%

#D5DDEF

80%

#EAEEF7

90%

#FFFFFF

100%

Color Shades

Darker variations of #2F56B0

#2F56B0

#2A4D9E

10%

#26458D

20%

#213C7B

30%

#1C346A

40%

#182B58

50%

#132246

60%

#0E1A35

70%

#091123

80%

#050912

90%

#000000

100%

Related Colors

Complementary Color

#B18A2F

Opposite on color wheel

Split-Complementary Colors

#B1492F, #97B12F

Adjacent to complementary color

Analogous Colors

#2F97B1, #492FB1

Adjacent colors on color wheel (30° apart)

Triadic Colors

#B12F56, #56B12F

Three colors equally spaced (120° apart)

Tetradic Colors

#8A2FB1, #B18A2F, #56B12F

Rectangle on color wheel (90° apart)

Square Colors

#B12F97, #B18A2F, #2FB149

Four colors equally spaced (90° apart)

Monochromatic Variations

#BFCDEE, #6E8ED8, #1A2F61, #040810

Same hue, different lightness/saturation

Aesthetic Color Palettes

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

Analogous + Complementary

#2F56B0

#2FB1AB

#6A2FB1

#B18A2F

#97B12F

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

Triadic + Accent

#2F56B0

#B12F56

#56B12F

#B86ED8

#1A614B

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

Monochromatic + Split Complementary

#2F56B0

#829EDE

#14254D

#B1492F

#97B12F

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

#2F56B0

RGB Values

47, 86, 176

HSL Values

222°, 58%, 44%