color #89A5F3 | Chroma Seek

#89A5F3

Color Information

Hex Code

#89A5F3

RGB

137, 165, 243

HSL

224°, 82%, 75%

CSS

#89A5F3

Color Tints

Lighter variations of #89A5F3

#89A5F3

#95AEF4

10%

#A1B7F5

20%

#ACC0F7

30%

#B8C9F8

40%

#C4D2F9

50%

#D0DBFA

60%

#DCE4FB

70%

#E7EDFD

80%

#F3F6FE

90%

#FFFFFF

100%

Color Shades

Darker variations of #89A5F3

#89A5F3

#7B95DB

10%

#6E84C2

20%

#6073AA

30%

#526392

40%

#45537A

50%

#374261

60%

#293249

70%

#1B2131

80%

#0E1118

90%

#000000

100%

Related Colors

Complementary Color

#F4D88B

Opposite on color wheel

Split-Complementary Colors

#F4A38B, #DBF48B

Adjacent to complementary color

Analogous Colors

#8BDBF4, #A38BF4

Adjacent colors on color wheel (30° apart)

Triadic Colors

#F48BA7, #A7F48B

Three colors equally spaced (120° apart)

Tetradic Colors

#D88BF4, #F4D88B, #A7F48B

Rectangle on color wheel (90° apart)

Square Colors

#F48BDB, #F4D88B, #8BF4A3

Four colors equally spaced (90° apart)

Monochromatic Variations

#FFFFFF, #E8EDFD, #2E60EA, #1037A2

Same hue, different lightness/saturation

Aesthetic Color Palettes

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

Analogous + Complementary

#89A5F3

#8BF4F2

#BE8BF4

#F4D88B

#DBF48B

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

Triadic + Accent

#89A5F3

#F48BA7

#A7F48B

#E0A2F6

#2EEAB8

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

Monochromatic + Split Complementary

#89A5F3

#B9CAF8

#174FE8

#F4A38B

#DBF48B

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

#89A5F3

RGB Values

137, 165, 243

HSL Values

224°, 82%, 75%