#5989AC Color

Color Information

HEX#5989AC
RGB89, 137, 172
HSL205° , 33% , 51%
HSV205° , 48% , 67%
CMYK48%, 20%, 0%, 33%

Lighter Shades

#6D97B6 #81A5C0 #95B3CA #A9C2D4 #BDD0DE #D1DEE8

Darker Shades

#4E7997 #446883 #39586E #2E4759 #243745 #192630

Complementary Palette

#4D7694 #5989AC #936A4D #AB7B59 #B78D70 #709AB8

Analogous Palette

#668A87 #6F9592 #5481A2 #5989AC #6F7295 #7B7E9D

Triadic Palette

#4E7997 #5989AC #B84C8B #C16199 #8BB84C #7AA243

Split Complementary Palette

#507B9B #5989AC #AB5960 #B36A70 #ABA459 #9A9450

Square Palette

#4B7390 #5989AC #9A659F #9F7D65 #60AB59 #79B874

Tetradic Palette

#49708D #5989AC #7742C2 #AB7B59 #8DC242 #A2CD64

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #5989AC contains 89 red, 137 green, and 172 blue.

Contrast Ratio: 3.7:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 5.67:1