#5970BC Color

Color Information

HEX#5970BC
RGB89, 112, 188
HSL226° , 42% , 54%
HSV226° , 53% , 74%
CMYK53%, 40%, 0%, 26%

Lighter Shades

#6D81C4 #8192CC #95A3D4 #A9B5DC #BDC6E4 #D1D7EC

Darker Shades

#4E63A5 #44558F #394878 #2E3A62 #242D4B #191F35

Complementary Palette

#4D60A2 #5970BC #A18D4C #BBA458 #C5B16F #7084C5

Analogous Palette

#6B8994 #7096A4 #5469B1 #5970BC #7E70A4 #8679A9

Triadic Palette

#4E63A5 #5970BC #C74D69 #CE627B #69C74D #5CAF44

Split Complementary Palette

#5065A9 #5970BC #BB7358 #C28169 #A1BB58 #91A84F

Square Palette

#4B5E9E #5970BC #AF649B #AF9E64 #58BB73 #73C689

Tetradic Palette

#495C9A #5970BC #AF43D0 #BBA458 #64D043 #80D865

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #5970BC contains 89 red, 112 green, and 188 blue.

Contrast Ratio: 4.67:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 4.5:1