color #3A63E9 | Chroma Seek

#3A63E9

Color Information

Hex Code

#3A63E9

RGB

58, 99, 233

HSL

226°, 80%, 57%

CSS

#3A63E9

Color Tints

Lighter variations of #3A63E9

#3A63E9

#4E73EB

10%

#6182ED

20%

#7592F0

30%

#89A1F2

40%

#9DB1F4

50%

#B0C1F6

60%

#C4D0F8

70%

#D8E0FB

80%

#EBEFFD

90%

#FFFFFF

100%

Color Shades

Darker variations of #3A63E9

#3A63E9

#3459D2

10%

#2E4FBA

20%

#2945A3

30%

#233B8C

40%

#1D3275

50%

#17285D

60%

#111E46

70%

#0C142F

80%

#060A17

90%

#000000

100%

Related Colors

Complementary Color

#E9C03A

Opposite on color wheel

Split-Complementary Colors

#E9683A, #BAE93A

Adjacent to complementary color

Analogous Colors

#3ABAE9, #683AE9

Adjacent colors on color wheel (30° apart)

Triadic Colors

#E93A63, #63E93A

Three colors equally spaced (120° apart)

Tetradic Colors

#C03AE9, #E9C03A, #63E93A

Rectangle on color wheel (90° apart)

Square Colors

#E93ABA, #E9C03A, #3AE968

Four colors equally spaced (90° apart)

Monochromatic Variations

#F1F4FD, #95ABF3, #1336AA, #09194E

Same hue, different lightness/saturation

Aesthetic Color Palettes

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

Analogous + Complementary

#3A63E9

#3AE6E9

#943AE9

#E9C03A

#BAE93A

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

Triadic + Accent

#3A63E9

#E93A63

#63E93A

#DD95F3

#13AA87

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

Monochromatic + Split Complementary

#3A63E9

#ACBEF6

#102F93

#E9683A

#BAE93A

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

#3A63E9

RGB Values

58, 99, 233

HSL Values

226°, 80%, 57%