#5978B4 Color

Color Information

HEX#5978B4
RGB89, 120, 180
HSL220° , 38% , 53%
HSV220° , 51% , 71%
CMYK51%, 33%, 0%, 29%

Lighter Shades

#6D88BD #8198C6 #95A9CF #A9B9D8 #BDC9E1 #D1D9EA

Darker Shades

#4E6A9E #445B89 #394D73 #2E3E5E #243048 #192232

Complementary Palette

#4D679B #5978B4 #9C814D #B5965A #BFA571 #708BBF

Analogous Palette

#6A8990 #72969D #5471A9 #5978B4 #79729D #847EA5

Triadic Palette

#4E6A9E #5978B4 #C14E74 #C86385 #74C14E #66AA45

Split Complementary Palette

#506CA2 #5978B4 #B5695A #BC786B #A6B55A #95A351

Square Palette

#4B6597 #5978B4 #A9669E #A99266 #5AB569 #74C181

Tetradic Palette

#496294 #5978B4 #9E44CA #B5965A #71CA44 #8BD466

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #5978B4 contains 89 red, 120 green, and 180 blue.

Contrast Ratio: 4.36:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 4.82:1