color #3D4DF5 | Chroma Seek

#3D4DF5

Color Information

Hex Code

#3D4DF5

RGB

61, 77, 245

HSL

235°, 90%, 60%

CSS

#3D4DF5

Color Tints

Lighter variations of #3D4DF5

#3D4DF5

#505FF6

10%

#6471F7

20%

#7782F8

30%

#8B94F9

40%

#9EA6FA

50%

#B1B8FB

60%

#C5CAFC

70%

#D8DBFD

80%

#ECEDFE

90%

#FFFFFF

100%

Color Shades

Darker variations of #3D4DF5

#3D4DF5

#3745DD

10%

#313EC4

20%

#2B36AC

30%

#252E93

40%

#1F277B

50%

#181F62

60%

#12174A

70%

#0C0F31

80%

#060819

90%

#000000

100%

Related Colors

Complementary Color

#F5E53D

Opposite on color wheel

Split-Complementary Colors

#F58A3D, #A8F53D

Adjacent to complementary color

Analogous Colors

#3DA8F5, #8A3DF5

Adjacent colors on color wheel (30° apart)

Triadic Colors

#F53D4C, #4CF53D

Three colors equally spaced (120° apart)

Tetradic Colors

#E63DF5, #F5E53D, #4CF53D

Rectangle on color wheel (90° apart)

Square Colors

#F53DA8, #F5E53D, #3DF58A

Four colors equally spaced (90° apart)

Monochromatic Variations

#FFFFFF, #9EA6FA, #0A1AC2, #050D61

Same hue, different lightness/saturation

Aesthetic Color Palettes

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

Analogous + Complementary

#3D4DF5

#3DD6F5

#B83DF5

#F5E53D

#A8F53D

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

Triadic + Accent

#3D4DF5

#F53D4C

#4CF53D

#F29EFA

#0AC2B3

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

Monochromatic + Split Complementary

#3D4DF5

#B6BCFB

#0916AA

#F58A3D

#A8F53D

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

#3D4DF5

RGB Values

61, 77, 245

HSL Values

235°, 90%, 60%