#5E89B0 Color

Color Information

HEX#5E89B0
RGB94, 137, 176
HSL209° , 34% , 53%
HSV209° , 47% , 69%
CMYK47%, 22%, 0%, 31%

Lighter Shades

#7197B9 #85A5C3 #98B3CC #ABC2D6 #BFD0DF #D2DEE9

Darker Shades

#53799B #476886 #3C5871 #31475C #263746 #1A2631

Complementary Palette

#517697 #5E89B0 #977351 #B0865E #BB9775 #759ABB

Analogous Palette

#6A908F #759999 #5881A5 #5E89B0 #757699 #8182A2

Triadic Palette

#53799B #5E89B0 #BC5289 #C46797 #89BC52 #79A548

Split Complementary Palette

#557B9E #5E89B0 #B05E60 #B86E70 #B0AF5E #9E9E55

Square Palette

#4F7394 #5E89B0 #A36AA4 #A4866A #60B05E #79BD78

Tetradic Palette

#4D7090 #5E89B0 #8549C5 #B0865E #89C549 #9ECF6A

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #5E89B0 contains 94 red, 137 green, and 176 blue.

Contrast Ratio: 3.65:1

Black Background

PASS

Example Headline (24px)

This shade works well for UI design, branding, typography, and digital projects.

Contrast Ratio: 5.76:1