color #3F7AD7 | Chroma Seek

#3F7AD7

Color Information

Hex Code

#3F7AD7

RGB

63, 122, 215

HSL

217°, 66%, 55%

CSS

#3F7AD7

Color Tints

Lighter variations of #3F7AD7

#3F7AD7

#5287DB

10%

#6595DF

20%

#79A2E3

30%

#8CAFE7

40%

#9FBDEB

50%

#B2CAEF

60%

#C5D7F3

70%

#D9E4F7

80%

#ECF2FB

90%

#FFFFFF

100%

Color Shades

Darker variations of #3F7AD7

#3F7AD7

#396EC2

10%

#3262AC

20%

#2C5597

30%

#264981

40%

#203D6C

50%

#193156

60%

#132541

70%

#0D182B

80%

#060C16

90%

#000000

100%

Related Colors

Complementary Color

#D89E41

Opposite on color wheel

Split-Complementary Colors

#D85241, #C6D841

Adjacent to complementary color

Analogous Colors

#41C6D8, #5241D8

Adjacent colors on color wheel (30° apart)

Triadic Colors

#D8417B, #7BD841

Three colors equally spaced (120° apart)

Tetradic Colors

#9E41D8, #D89E41, #7BD841

Rectangle on color wheel (90° apart)

Square Colors

#D841C6, #D89E41, #41D852

Four colors equally spaced (90° apart)

Monochromatic Variations

#EAF0FB, #95B5E9, #1E4C94, #0D203F

Same hue, different lightness/saturation

Aesthetic Color Palettes

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

Analogous + Complementary

#3F7AD7

#41D8C4

#7841D8

#D89E41

#C6D841

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

Triadic + Accent

#3F7AD7

#D8417B

#7BD841

#C995E9

#1E9467

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

Monochromatic + Split Complementary

#3F7AD7

#AAC4EE

#1A417F

#D85241

#C6D841

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

#3F7AD7

RGB Values

63, 122, 215

HSL Values

217°, 66%, 55%