color #559BF6 | Chroma Seek

#559BF6

Color Information

Hex Code

#559BF6

RGB

85, 155, 246

HSL

214°, 90%, 65%

CSS

#559BF6

Color Tints

Lighter variations of #559BF6

#559BF6

#66A5F7

10%

#77AFF8

20%

#88B9F9

30%

#99C3FA

40%

#AACDFB

50%

#BBD7FB

60%

#CCE1FC

70%

#DDEBFD

80%

#EEF5FE

90%

#FFFFFF

100%

Color Shades

Darker variations of #559BF6

#559BF6

#4D8CDD

10%

#447CC5

20%

#3B6DAC

30%

#335D94

40%

#2B4E7B

50%

#223E62

60%

#1A2F4A

70%

#111F31

80%

#091019

90%

#000000

100%

Related Colors

Complementary Color

#F6B055

Opposite on color wheel

Split-Complementary Colors

#F66055, #EBF655

Adjacent to complementary color

Analogous Colors

#55EBF6, #6055F6

Adjacent colors on color wheel (30° apart)

Triadic Colors

#F6559B, #9BF655

Three colors equally spaced (120° apart)

Tetradic Colors

#B055F6, #F6B055, #9BF655

Rectangle on color wheel (90° apart)

Square Colors

#F655EB, #F6B055, #55F660

Four colors equally spaced (90° apart)

Monochromatic Variations

#FFFFFF, #B6D4FB, #0B65DA, #063879

Same hue, different lightness/saturation

Aesthetic Color Palettes

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

Analogous + Complementary

#559BF6

#55F6D9

#8855F6

#F6B055

#EBF655

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

Triadic + Accent

#559BF6

#F6559B

#9BF655

#D29EFA

#0BDA81

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

Monochromatic + Split Complementary

#559BF6

#B6D4FB

#0A5AC2

#F66055

#EBF655

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

#559BF6

RGB Values

85, 155, 246

HSL Values

214°, 90%, 65%