color #3B4E96 | Chroma Seek

#3B4E96

Color Information

Hex Code

#3B4E96

RGB

59, 78, 150

HSL

227°, 44%, 41%

CSS

#3B4E96

Color Tints

Lighter variations of #3B4E96

#3B4E96

#4F60A1

10%

#6271AB

20%

#7683B6

30%

#8995C0

40%

#9DA7CB

50%

#B1B8D5

60%

#C4CAE0

70%

#D8DCEA

80%

#EBEDF5

90%

#FFFFFF

100%

Color Shades

Darker variations of #3B4E96

#3B4E96

#354687

10%

#2F3E78

20%

#293769

30%

#232F5A

40%

#1E274B

50%

#181F3C

60%

#12172D

70%

#0C101E

80%

#06080F

90%

#000000

100%

Related Colors

Complementary Color

#97833B

Opposite on color wheel

Split-Complementary Colors

#97553B, #7C973B

Adjacent to complementary color

Analogous Colors

#3B7C97, #553B97

Adjacent colors on color wheel (30° apart)

Triadic Colors

#973B4E, #4E973B

Three colors equally spaced (120° apart)

Tetradic Colors

#833B97, #97833B, #4E973B

Rectangle on color wheel (90° apart)

Square Colors

#973B7C, #97833B, #3B9755

Four colors equally spaced (90° apart)

Monochromatic Variations

#B9C2E4, #7083C7, #1E284D, #010204

Same hue, different lightness/saturation

Aesthetic Color Palettes

Beautiful 5-color palettes featuring #3B4E96. Each palette is designed for harmonious color combinations.

Analogous + Complementary

#3B4E96

#3B9397

#6C3B97

#97833B

#7C973B

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

Triadic + Accent

#3B4E96

#973B4E

#4E973B

#B470C7

#1E4D43

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

Monochromatic + Split Complementary

#3B4E96

#8293CE

#171F3B

#97553B

#7C973B

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

#3B4E96

RGB Values

59, 78, 150

HSL Values

227°, 44%, 41%