color #89A5F8 | Chroma Seek

#89A5F8

Color Information

Hex Code

#89A5F8

RGB

137, 165, 248

HSL

225°, 89%, 75%

CSS

#89A5F8

Color Tints

Lighter variations of #89A5F8

#89A5F8

#95AEF9

10%

#A1B7F9

20%

#ACC0FA

30%

#B8C9FB

40%

#C4D2FC

50%

#D0DBFC

60%

#DCE4FD

70%

#E7EDFE

80%

#F3F6FE

90%

#FFFFFF

100%

Color Shades

Darker variations of #89A5F8

#89A5F8

#7B95DF

10%

#6E84C6

20%

#6073AE

30%

#526395

40%

#45537C

50%

#374263

60%

#29324A

70%

#1B2132

80%

#0E1119

90%

#000000

100%

Related Colors

Complementary Color

#F8DC87

Opposite on color wheel

Split-Complementary Colors

#F8A387, #DCF887

Adjacent to complementary color

Analogous Colors

#87DCF8, #A387F8

Adjacent colors on color wheel (30° apart)

Triadic Colors

#F887A3, #A3F887

Three colors equally spaced (120° apart)

Tetradic Colors

#DC87F8, #F8DC87, #A3F887

Rectangle on color wheel (90° apart)

Square Colors

#F887DC, #F8DC87, #87F8A3

Four colors equally spaced (90° apart)

Monochromatic Variations

#FFFFFF, #E7EDFE, #2659F2, #0A32A9

Same hue, different lightness/saturation

Aesthetic Color Palettes

Beautiful 5-color palettes featuring #89A5F8. Each palette is designed for harmonious color combinations.

Analogous + Complementary

#89A5F8

#87F8F8

#BF87F8

#F8DC87

#DCF887

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

Triadic + Accent

#89A5F8

#F887A3

#A3F887

#E39FF9

#26F2BF

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

Monochromatic + Split Complementary

#89A5F8

#B7C8FB

#0E47F1

#F8A387

#DCF887

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

#89A5F8

RGB Values

137, 165, 248

HSL Values

225°, 89%, 75%