color #648EF0 | Chroma Seek

#648EF0

Color Information

Hex Code

#648EF0

RGB

100, 142, 240

HSL

222°, 82%, 67%

CSS

#648EF0

Color Tints

Lighter variations of #648EF0

#648EF0

#7499F2

10%

#83A5F3

20%

#93B0F5

30%

#A2BBF6

40%

#B2C7F8

50%

#C1D2F9

60%

#D1DDFB

70%

#E0E8FC

80%

#F0F4FE

90%

#FFFFFF

100%

Color Shades

Darker variations of #648EF0

#648EF0

#5A80D8

10%

#5072C0

20%

#4663A8

30%

#3C5590

40%

#324778

50%

#283960

60%

#1E2B48

70%

#141C30

80%

#0A0E18

90%

#000000

100%

Color Tones

Toned variations of #648EF0 (mixed with gray)

#648EF0

#678DE5

10%

#6A8BDA

20%

#6C8ACE

30%

#6F88C3

40%

#7287B8

50%

#7586AD

60%

#7884A2

70%

#7A8396

80%

#7D818B

90%

#808080

100%

Related Colors

Complementary Color

#F0C666

Opposite on color wheel

Split-Complementary Colors

#F08166, #D4F066

Adjacent to complementary color

Analogous Colors

#66D4F0, #8166F0

Adjacent colors on color wheel (30° apart)

Triadic Colors

#F0668F, #8FF066

Three colors equally spaced (120° apart)

Tetradic Colors

#C666F0, #F0C666, #8FF066

Rectangle on color wheel (90° apart)

Square Colors

#F066D4, #F0C666, #66F081

Four colors equally spaced (90° apart)

Monochromatic Variations

#FFFFFF, #C3D3F9, #1651DA, #0C2E7D

Same hue, different lightness/saturation

Aesthetic Color Palettes

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

Analogous + Complementary

#648EF0

#66F0E9

#A466F0

#F0C666

#D4F066

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

Triadic + Accent

#648EF0

#F0668F

#8FF066

#DDA2F6

#16DA9F

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

Monochromatic + Split Complementary

#648EF0

#B9CCF8

#1348C3

#F08166

#D4F066

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

#648EF0

RGB Values

100, 142, 240

HSL Values

222°, 82%, 67%