color #648AE2 | Chroma Seek

#648AE2

Color Information

Hex Code

#648AE2

RGB

100, 138, 226

HSL

222°, 68%, 64%

CSS

#648AE2

Color Tints

Lighter variations of #648AE2

#648AE2

#7496E5

10%

#83A1E8

20%

#93ADEB

30%

#A2B9EE

40%

#B2C5F1

50%

#C1D0F3

60%

#D1DCF6

70%

#E0E8F9

80%

#F0F3FC

90%

#FFFFFF

100%

Color Shades

Darker variations of #648AE2

#648AE2

#5A7CCB

10%

#506EB5

20%

#46619E

30%

#3C5388

40%

#324571

50%

#28375A

60%

#1E2944

70%

#141C2D

80%

#0A0E17

90%

#000000

100%

Color Tones

Toned variations of #648AE2 (mixed with gray)

#648AE2

#6789D8

10%

#6A88CE

20%

#6C87C5

30%

#6F86BB

40%

#7285B1

50%

#7584A7

60%

#78839D

70%

#7A8294

80%

#7D818A

90%

#808080

100%

Related Colors

Complementary Color

#E2BC65

Opposite on color wheel

Split-Complementary Colors

#E27E65, #C9E265

Adjacent to complementary color

Analogous Colors

#65C9E2, #7E65E2

Adjacent colors on color wheel (30° apart)

Triadic Colors

#E2658A, #8AE265

Three colors equally spaced (120° apart)

Tetradic Colors

#BC65E2, #E2BC65, #8AE265

Rectangle on color wheel (90° apart)

Square Colors

#E265C9, #E2BC65, #65E27E

Four colors equally spaced (90° apart)

Monochromatic Variations

#FFFFFF, #BACBF2, #2452BC, #142D67

Same hue, different lightness/saturation

Aesthetic Color Palettes

Beautiful 5-color palettes featuring #648AE2. Each palette is designed for harmonious color combinations.

Analogous + Complementary

#648AE2

#65E2DB

#9D65E2

#E2BC65

#C9E265

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

Triadic + Accent

#648AE2

#E2658A

#8AE265

#DAA9EF

#24BC8F

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

Monochromatic + Split Complementary

#648AE2

#BFCEF3

#2048A7

#E27E65

#C9E265

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

#648AE2

RGB Values

100, 138, 226

HSL Values

222°, 68%, 64%