color #558CEC | Chroma Seek

#558CEC

Color Information

Hex Code

#558CEC

RGB

85, 140, 236

HSL

218°, 80%, 63%

CSS

#558CEC

Color Tints

Lighter variations of #558CEC

#558CEC

#6698EE

10%

#77A3F0

20%

#88AFF2

30%

#99BAF4

40%

#AAC6F6

50%

#BBD1F7

60%

#CCDDF9

70%

#DDE8FB

80%

#EEF4FD

90%

#FFFFFF

100%

Color Shades

Darker variations of #558CEC

#558CEC

#4D7ED4

10%

#4470BD

20%

#3B62A5

30%

#33548E

40%

#2B4676

50%

#22385E

60%

#1A2A47

70%

#111C2F

80%

#090E18

90%

#000000

100%

Related Colors

Complementary Color

#ECB555

Opposite on color wheel

Split-Complementary Colors

#EC6955, #D8EC55

Adjacent to complementary color

Analogous Colors

#55D8EC, #6955EC

Adjacent colors on color wheel (30° apart)

Triadic Colors

#EC558D, #8DEC55

Three colors equally spaced (120° apart)

Tetradic Colors

#B555EC, #ECB555, #8DEC55

Rectangle on color wheel (90° apart)

Square Colors

#EC55D8, #ECB555, #55EC69

Four colors equally spaced (90° apart)

Monochromatic Variations

#FFFFFF, #B1CAF6, #1656C5, #0C2E6A

Same hue, different lightness/saturation

Aesthetic Color Palettes

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

Analogous + Complementary

#558CEC

#55ECDB

#8F55EC

#ECB555

#D8EC55

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

Triadic + Accent

#558CEC

#EC558D

#8DEC55

#D7A3F5

#16C585

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

Monochromatic + Split Complementary

#558CEC

#BAD1F7

#134CAE

#EC6955

#D8EC55

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

#558CEC

RGB Values

85, 140, 236

HSL Values

218°, 80%, 63%