color #558CB9 | Chroma Seek

#558CB9

Color Information

Hex Code

#558CB9

RGB

85, 140, 185

HSL

207°, 42%, 53%

CSS

#558CB9

Color Tints

Lighter variations of #558CB9

#558CB9

#6698C0

10%

#77A3C7

20%

#88AFCE

30%

#99BAD5

40%

#AAC6DC

50%

#BBD1E3

60%

#CCDDEA

70%

#DDE8F1

80%

#EEF4F8

90%

#FFFFFF

100%

Color Shades

Darker variations of #558CB9

#558CB9

#4D7EA7

10%

#447094

20%

#3B6282

30%

#33546F

40%

#2B465D

50%

#22384A

60%

#1A2A38

70%

#111C25

80%

#090E13

90%

#000000

100%

Related Colors

Complementary Color

#B98255

Opposite on color wheel

Split-Complementary Colors

#B9555A, #B9B455

Adjacent to complementary color

Analogous Colors

#55B9B4, #555AB9

Adjacent colors on color wheel (30° apart)

Triadic Colors

#B9558C, #8CB955

Three colors equally spaced (120° apart)

Tetradic Colors

#8255B9, #B98255, #8CB955

Rectangle on color wheel (90° apart)

Square Colors

#B455B9, #B98255, #5AB955

Four colors equally spaced (90° apart)

Monochromatic Variations

#E6EEF5, #9DBDD7, #315877, #13232F

Same hue, different lightness/saturation

Aesthetic Color Palettes

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

Analogous + Complementary

#558CB9

#55B99B

#6955B9

#B98255

#B9B455

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

Triadic + Accent

#558CB9

#B9558C

#8CB955

#B79DD7

#317751

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

Monochromatic + Split Complementary

#558CB9

#AFC9DE

#294A65

#B9555A

#B9B455

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

#558CB9

RGB Values

85, 140, 185

HSL Values

207°, 42%, 53%