color #3F63F3 | Chroma Seek

#3F63F3

Color Information

Hex Code

#3F63F3

RGB

63, 99, 243

HSL

228°, 88%, 60%

CSS

#3F63F3

Color Tints

Lighter variations of #3F63F3

#3F63F3

#5273F4

10%

#6582F5

20%

#7992F7

30%

#8CA1F8

40%

#9FB1F9

50%

#B2C1FA

60%

#C5D0FB

70%

#D9E0FD

80%

#ECEFFE

90%

#FFFFFF

100%

Color Shades

Darker variations of #3F63F3

#3F63F3

#3959DB

10%

#324FC2

20%

#2C45AA

30%

#263B92

40%

#20327A

50%

#192861

60%

#131E49

70%

#0D1431

80%

#060A18

90%

#000000

100%

Related Colors

Complementary Color

#F3CF3F

Opposite on color wheel

Split-Complementary Colors

#F3753F, #BDF33F

Adjacent to complementary color

Analogous Colors

#3FBDF3, #753FF3

Adjacent colors on color wheel (30° apart)

Triadic Colors

#F33F63, #63F33F

Three colors equally spaced (120° apart)

Tetradic Colors

#CF3FF3, #F3CF3F, #63F33F

Rectangle on color wheel (90° apart)

Square Colors

#F33FBD, #F3CF3F, #3FF375

Four colors equally spaced (90° apart)

Monochromatic Variations

#FFFFFF, #9FB1F9, #0C30C0, #061860

Same hue, different lightness/saturation

Aesthetic Color Palettes

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

Analogous + Complementary

#3F63F3

#3FEAF3

#A23FF3

#F3CF3F

#BDF33F

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

Triadic + Accent

#3F63F3

#F33F63

#63F33F

#E79FF9

#0CC09C

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

Monochromatic + Split Complementary

#3F63F3

#B7C5FA

#0B2AA8

#F3753F

#BDF33F

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

#3F63F3

RGB Values

63, 99, 243

HSL Values

228°, 88%, 60%