color #778BDD | Chroma Seek

#778BDD

Color Information

Hex Code

#778BDD

RGB

119, 139, 221

HSL

228°, 60%, 67%

CSS

#778BDD

Color Tints

Lighter variations of #778BDD

#778BDD

#8597E0

10%

#92A2E4

20%

#A0AEE7

30%

#ADB9EB

40%

#BBC5EE

50%

#C9D1F1

60%

#D6DCF5

70%

#E4E8F8

80%

#F1F3FC

90%

#FFFFFF

100%

Color Shades

Darker variations of #778BDD

#778BDD

#6B7DC7

10%

#5F6FB1

20%

#53619B

30%

#475385

40%

#3C466F

50%

#303858

60%

#242A42

70%

#181C2C

80%

#0C0E16

90%

#000000

100%

Related Colors

Complementary Color

#DDC978

Opposite on color wheel

Split-Complementary Colors

#DD9778, #BFDD78

Adjacent to complementary color

Analogous Colors

#78BFDD, #9778DD

Adjacent colors on color wheel (30° apart)

Triadic Colors

#DD788D, #8DDD78

Three colors equally spaced (120° apart)

Tetradic Colors

#C978DD, #DDC978, #8DDD78

Rectangle on color wheel (90° apart)

Square Colors

#DD78BF, #DDC978, #78DD97

Four colors equally spaced (90° apart)

Monochromatic Variations

#FFFFFF, #CAD2F2, #304DC0, #1C2C6E

Same hue, different lightness/saturation

Aesthetic Color Palettes

Beautiful 5-color palettes featuring #778BDD. Each palette is designed for harmonious color combinations.

Analogous + Complementary

#778BDD

#78D8DD

#B078DD

#DDC978

#BFDD78

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

Triadic + Accent

#778BDD

#DD788D

#8DDD78

#DEADEB

#30C0A3

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

Monochromatic + Split Complementary

#778BDD

#C2CBF0

#2B45AB

#DD9778

#BFDD78

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

#778BDD

RGB Values

119, 139, 221

HSL Values

228°, 60%, 67%