color #3F5B9D | Chroma Seek

#3F5B9D

Color Information

Hex Code

#3F5B9D

RGB

63, 91, 157

HSL

222°, 43%, 43%

CSS

#3F5B9D

Color Tints

Lighter variations of #3F5B9D

#3F5B9D

#526BA7

10%

#657CB1

20%

#798CBA

30%

#8C9DC4

40%

#9FADCE

50%

#B2BDD8

60%

#C5CEE2

70%

#D9DEEB

80%

#ECEFF5

90%

#FFFFFF

100%

Color Shades

Darker variations of #3F5B9D

#3F5B9D

#39528D

10%

#32497E

20%

#2C406E

30%

#26375E

40%

#202E4F

50%

#19243F

60%

#131B2F

70%

#0D121F

80%

#060910

90%

#000000

100%

Related Colors

Complementary Color

#9D813F

Opposite on color wheel

Split-Complementary Colors

#9D513F, #8A9D3F

Adjacent to complementary color

Analogous Colors

#3F8A9D, #513F9D

Adjacent colors on color wheel (30° apart)

Triadic Colors

#9D3F5B, #5B9D3F

Three colors equally spaced (120° apart)

Tetradic Colors

#813F9D, #9D813F, #5B9D3F

Rectangle on color wheel (90° apart)

Square Colors

#9D3F8A, #9D813F, #3F9D51

Four colors equally spaced (90° apart)

Monochromatic Variations

#C1CCE6, #7890C9, #213154, #04060B

Same hue, different lightness/saturation

Aesthetic Color Palettes

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

Analogous + Complementary

#3F5B9D

#3F9D98

#693F9D

#9D813F

#8A9D3F

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

Triadic + Accent

#3F5B9D

#9D3F5B

#5B9D3F

#B178C9

#215445

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

Monochromatic + Split Complementary

#3F5B9D

#8A9FD0

#1A2642

#9D513F

#8A9D3F

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

#3F5B9D

RGB Values

63, 91, 157

HSL Values

222°, 43%, 43%