color #3F5ED7 | Chroma Seek

#3F5ED7

Color Information

Hex Code

#3F5ED7

RGB

63, 94, 215

HSL

228°, 66%, 55%

CSS

#3F5ED7

Color Tints

Lighter variations of #3F5ED7

#3F5ED7

#526EDB

10%

#657EDF

20%

#798EE3

30%

#8C9EE7

40%

#9FAFEB

50%

#B2BFEF

60%

#C5CFF3

70%

#D9DFF7

80%

#ECEFFB

90%

#FFFFFF

100%

Color Shades

Darker variations of #3F5ED7

#3F5ED7

#3955C2

10%

#324BAC

20%

#2C4297

30%

#263881

40%

#202F6C

50%

#192656

60%

#131C41

70%

#0D132B

80%

#060916

90%

#000000

100%

Related Colors

Complementary Color

#D8BA41

Opposite on color wheel

Split-Complementary Colors

#D86E41, #ABD841

Adjacent to complementary color

Analogous Colors

#41ABD8, #6E41D8

Adjacent colors on color wheel (30° apart)

Triadic Colors

#D8415F, #5FD841

Three colors equally spaced (120° apart)

Tetradic Colors

#BA41D8, #D8BA41, #5FD841

Rectangle on color wheel (90° apart)

Square Colors

#D841AB, #D8BA41, #41D86E

Four colors equally spaced (90° apart)

Monochromatic Variations

#EAEDFB, #95A6E9, #1E3694, #0D173F

Same hue, different lightness/saturation

Aesthetic Color Palettes

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

Analogous + Complementary

#3F5ED7

#41D0D8

#9441D8

#D8BA41

#ABD841

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

Triadic + Accent

#3F5ED7

#D8415F

#5FD841

#D895E9

#1E947D

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

Monochromatic + Split Complementary

#3F5ED7

#AAB8EE

#1A2E7F

#D86E41

#ABD841

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

#3F5ED7

RGB Values

63, 94, 215

HSL Values

228°, 66%, 55%