color #3D84FF | Chroma Seek

#3D84FF

Color Information

Hex Code

#3D84FF

RGB

61, 132, 255

HSL

218°, 100%, 62%

CSS

#3D84FF

Color Tints

Lighter variations of #3D84FF

#3D84FF

#5090FF

10%

#649DFF

20%

#77A9FF

30%

#8BB5FF

40%

#9EC2FF

50%

#B1CEFF

60%

#C5DAFF

70%

#D8E6FF

80%

#ECF3FF

90%

#FFFFFF

100%

Color Shades

Darker variations of #3D84FF

#3D84FF

#3777E6

10%

#316ACC

20%

#2B5CB3

30%

#254F99

40%

#1F4280

50%

#183566

60%

#12284D

70%

#0C1A33

80%

#060D1A

90%

#000000

100%

Related Colors

Complementary Color

#FFB83D

Opposite on color wheel

Split-Complementary Colors

#FF573D, #E5FF3D

Adjacent to complementary color

Analogous Colors

#3DE5FF, #573DFF

Adjacent colors on color wheel (30° apart)

Triadic Colors

#FF3D84, #84FF3D

Three colors equally spaced (120° apart)

Tetradic Colors

#B83DFF, #FFB83D, #84FF3D

Rectangle on color wheel (90° apart)

Square Colors

#FF3DE5, #FFB83D, #3DFF57

Four colors equally spaced (90° apart)

Monochromatic Variations

#FFFFFF, #A3C5FF, #004FD6, #002970

Same hue, different lightness/saturation

Aesthetic Color Palettes

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

Analogous + Complementary

#3D84FF

#3DFFE8

#873DFF

#FFB83D

#E5FF3D

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

Triadic + Accent

#3D84FF

#FF3D84

#84FF3D

#DA99FF

#00D688

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

Monochromatic + Split Complementary

#3D84FF

#B3CFFF

#0045BD

#FF573D

#E5FF3D

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

#3D84FF

RGB Values

61, 132, 255

HSL Values

218°, 100%, 62%