color #558BC4 | Chroma Seek

#558BC4

Color Information

Hex Code

#558BC4

RGB

85, 139, 196

HSL

211°, 48%, 55%

CSS

#558BC4

Color Tints

Lighter variations of #558BC4

#558BC4

#6697CA

10%

#77A2D0

20%

#88AED6

30%

#99B9DC

40%

#AAC5E2

50%

#BBD1E7

60%

#CCDCED

70%

#DDE8F3

80%

#EEF3F9

90%

#FFFFFF

100%

Color Shades

Darker variations of #558BC4

#558BC4

#4D7DB0

10%

#446F9D

20%

#3B6189

30%

#335376

40%

#2B4662

50%

#22384E

60%

#1A2A3B

70%

#111C27

80%

#090E14

90%

#000000

100%

Related Colors

Complementary Color

#C38E55

Opposite on color wheel

Split-Complementary Colors

#C35755, #C1C355

Adjacent to complementary color

Analogous Colors

#55C1C3, #5755C3

Adjacent colors on color wheel (30° apart)

Triadic Colors

#C3558A, #8AC355

Three colors equally spaced (120° apart)

Tetradic Colors

#8E55C3, #C38E55, #8AC355

Rectangle on color wheel (90° apart)

Square Colors

#C355C1, #C38E55, #55C357

Four colors equally spaced (90° apart)

Monochromatic Variations

#ECF2F8, #A1BEDE, #2E5884, #142639

Same hue, different lightness/saturation

Aesthetic Color Palettes

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

Analogous + Complementary

#558BC4

#55C3AA

#7355C3

#C38E55

#C1C355

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

Triadic + Accent

#558BC4

#C3558A

#8AC355

#C0A1DE

#2E845B

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

Monochromatic + Split Complementary

#558BC4

#B4CBE4

#284B71

#C35755

#C1C355

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

#558BC4

RGB Values

85, 139, 196

HSL Values

211°, 48%, 55%