color #5C7AB8 | Chroma Seek

#5C7AB8

Color Information

Hex Code

#5C7AB8

RGB

92, 122, 184

HSL

220°, 39%, 54%

CSS

#5C7AB8

Color Tints

Lighter variations of #5C7AB8

#5C7AB8

#6C87BF

10%

#7D95C6

20%

#8DA2CD

30%

#9DAFD4

40%

#AEBDDC

50%

#BECAE3

60%

#CED7EA

70%

#DEE4F1

80%

#EFF2F8

90%

#FFFFFF

100%

Color Shades

Darker variations of #5C7AB8

#5C7AB8

#536EA6

10%

#4A6293

20%

#405581

30%

#37496E

40%

#2E3D5C

50%

#25314A

60%

#1C2537

70%

#121825

80%

#090C12

90%

#000000

100%

Related Colors

Complementary Color

#B7995C

Opposite on color wheel

Split-Complementary Colors

#B76B5C, #A8B75C

Adjacent to complementary color

Analogous Colors

#5CA8B7, #6B5CB7

Adjacent colors on color wheel (30° apart)

Triadic Colors

#B75C7A, #7AB75C

Three colors equally spaced (120° apart)

Tetradic Colors

#995CB7, #B7995C, #7AB75C

Rectangle on color wheel (90° apart)

Square Colors

#B75CA8, #B7995C, #5CB76B

Four colors equally spaced (90° apart)

Monochromatic Variations

#EAEEF6, #A3B4D7, #354B79, #161F32

Same hue, different lightness/saturation

Aesthetic Color Palettes

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

Analogous + Complementary

#5C7AB8

#5CB7B0

#825CB7

#B7995C

#A8B75C

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

Triadic + Accent

#5C7AB8

#B75C7A

#7AB75C

#C5A3D7

#357962

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

Monochromatic + Split Complementary

#5C7AB8

#B5C2DE

#2D4067

#B76B5C

#A8B75C

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

#5C7AB8

RGB Values

92, 122, 184

HSL Values

220°, 39%, 54%