color #3A63EB | Chroma Seek

#3A63EB

Color Information

Hex Code

#3A63EB

RGB

58, 99, 235

HSL

226°, 82%, 57%

CSS

#3A63EB

Color Tints

Lighter variations of #3A63EB

#3A63EB

#4E73ED

10%

#6182EF

20%

#7592F1

30%

#89A1F3

40%

#9DB1F5

50%

#B0C1F7

60%

#C4D0F9

70%

#D8E0FB

80%

#EBEFFD

90%

#FFFFFF

100%

Color Shades

Darker variations of #3A63EB

#3A63EB

#3459D4

10%

#2E4FBC

20%

#2945A5

30%

#233B8D

40%

#1D3276

50%

#17285E

60%

#111E47

70%

#0C142F

80%

#060A18

90%

#000000

100%

Related Colors

Complementary Color

#EBC137

Opposite on color wheel

Split-Complementary Colors

#EB6737, #BBEB37

Adjacent to complementary color

Analogous Colors

#37BBEB, #6737EB

Adjacent colors on color wheel (30° apart)

Triadic Colors

#EB3761, #61EB37

Three colors equally spaced (120° apart)

Tetradic Colors

#C137EB, #EBC137, #61EB37

Rectangle on color wheel (90° apart)

Square Colors

#EB37BB, #EBC137, #37EB67

Four colors equally spaced (90° apart)

Monochromatic Variations

#F1F4FE, #94ABF4, #1135AC, #08184F

Same hue, different lightness/saturation

Aesthetic Color Palettes

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

Analogous + Complementary

#3A63EB

#37E8EB

#9437EB

#EBC137

#BBEB37

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

Triadic + Accent

#3A63EB

#EB3761

#61EB37

#DE94F4

#11AC88

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

Monochromatic + Split Complementary

#3A63EB

#ABBDF7

#0F2E95

#EB6737

#BBEB37

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

#3A63EB

RGB Values

58, 99, 235

HSL Values

226°, 82%, 57%