#5978D1 Color

Color Information

HEX	#5978D1
RGB	89, 120, 209
HSL	225° , 57% , 58%
HSV	225° , 57% , 82%
CMYK	57%, 43%, 0%, 18%

Lighter Shades

#6D88D7 #8198DC #95A9E2 #A9B9E7 #BDC9ED #D1D9F2

Darker Shades

#4E6AB8 #445B9F #394D86 #2E3E6D #243054 #19223B

Complementary Palette

#4D67B4 #5978D1 #B4994B #D1B257 #D7BD6F #708BD7

Analogous Palette

#6797A8 #6CA8BC #5471C4 #5978D1 #806CBC #8977C0

Triadic Palette

#4E6AB8 #5978D1 #DC4C70 #E06181 #70DC4C #63C243

Split Complementary Palette

#506CBC #5978D1 #D17557 #D68368 #B2D157 #A0BC4E

Square Palette

#4B65B0 #5978D1 #C662AD #C6AD62 #57D175 #72D88B

Tetradic Palette

#4962AB #5978D1 #BC44E4 #D1B257 #6CE444 #86E966

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #5978D1 contains 89 red, 120 green, and 209 blue.

Contrast Ratio: 4.14:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 5.08:1