color #5896E2 | Chroma Seek

#5896E2

Color Information

Hex Code

#5896E2

RGB

88, 150, 226

HSL

213°, 70%, 62%

CSS

#5896E2

Color Tints

Lighter variations of #5896E2

#5896E2

#69A1E5

10%

#79ABE8

20%

#8AB6EB

30%

#9BC0EE

40%

#ACCBF1

50%

#BCD5F3

60%

#CDE0F6

70%

#DEEAF9

80%

#EEF5FC

90%

#FFFFFF

100%

Color Shades

Darker variations of #5896E2

#5896E2

#4F87CB

10%

#4678B5

20%

#3E699E

30%

#355A88

40%

#2C4B71

50%

#233C5A

60%

#1A2D44

70%

#121E2D

80%

#090F17

90%

#000000

100%

Related Colors

Complementary Color

#E2A55A

Opposite on color wheel

Split-Complementary Colors

#E2615A, #DBE25A

Adjacent to complementary color

Analogous Colors

#5ADBE2, #615AE2

Adjacent colors on color wheel (30° apart)

Triadic Colors

#E25A97, #97E25A

Three colors equally spaced (120° apart)

Tetradic Colors

#A55AE2, #E2A55A, #97E25A

Rectangle on color wheel (90° apart)

Square Colors

#E25ADB, #E2A55A, #5AE261

Four colors equally spaced (90° apart)

Monochromatic Variations

#FFFFFF, #B1CEF1, #2064B6, #11345F

Same hue, different lightness/saturation

Aesthetic Color Palettes

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

Analogous + Complementary

#5896E2

#5AE2C7

#835AE2

#E2A55A

#DBE25A

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

Triadic + Accent

#5896E2

#E25A97

#97E25A

#D0A8F0

#20B673

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

Monochromatic + Split Complementary

#5896E2

#BED6F4

#1C58A0

#E2615A

#DBE25A

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

#5896E2

RGB Values

88, 150, 226

HSL Values

213°, 70%, 62%