color #7C8BD9 | Chroma Seek

#7C8BD9

Color Information

Hex Code

#7C8BD9

RGB

124, 139, 217

HSL

230°, 55%, 67%

CSS

#7C8BD9

Color Tints

Lighter variations of #7C8BD9

#7C8BD9

#8997DD

10%

#96A2E1

20%

#A3AEE4

30%

#B0B9E8

40%

#BEC5EC

50%

#CBD1F0

60%

#D8DCF4

70%

#E5E8F7

80%

#F2F3FB

90%

#FFFFFF

100%

Color Shades

Darker variations of #7C8BD9

#7C8BD9

#707DC3

10%

#636FAE

20%

#576198

30%

#4A5382

40%

#3E466D

50%

#323857

60%

#252A41

70%

#191C2B

80%

#0C0E16

90%

#000000

100%

Related Colors

Complementary Color

#D9CA7D

Opposite on color wheel

Split-Complementary Colors

#D99B7D, #BAD97D

Adjacent to complementary color

Analogous Colors

#7DBAD9, #9B7DD9

Adjacent colors on color wheel (30° apart)

Triadic Colors

#D97D8C, #8CD97D

Three colors equally spaced (120° apart)

Tetradic Colors

#CA7DD9, #D9CA7D, #8CD97D

Rectangle on color wheel (90° apart)

Square Colors

#D97DBA, #D9CA7D, #7DD99B

Four colors equally spaced (90° apart)

Monochromatic Variations

#FFFFFF, #CCD2F0, #364CBA, #1F2C6B

Same hue, different lightness/saturation

Aesthetic Color Palettes

Beautiful 5-color palettes featuring #7C8BD9. Each palette is designed for harmonious color combinations.

Analogous + Complementary

#7C8BD9

#7DD1D9

#B37DD9

#D9CA7D

#BAD97D

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

Triadic + Accent

#7C8BD9

#D97D8C

#8CD97D

#DFB0E8

#36BAA4

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

Monochromatic + Split Complementary

#7C8BD9

#C4CBEE

#3044A6

#D99B7D

#BAD97D

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

#7C8BD9

RGB Values

124, 139, 217

HSL Values

230°, 55%, 67%