#5B89D2 Color

Color Information

HEX#5B89D2
RGB91, 137, 210
HSL217° , 57% , 59%
HSV217° , 57% , 82%
CMYK57%, 35%, 0%, 18%

Lighter Shades

#6F97D7 #82A5DD #96B3E2 #AAC2E8 #BDD0ED #D1DEF2

Darker Shades

#5079B9 #4568A0 #3A5886 #2F476D #243754 #19263B

Complementary Palette

#4E76B5 #5B89D2 #B58D4E #D2A45B #D8B172 #729AD8

Analogous Palette

#6AA2A9 #70B4BD #5681C5 #5B89D2 #7970BD #837AC2

Triadic Palette

#5079B9 #5B89D2 #DC5086 #E06595 #86DC50 #76C246

Split Complementary Palette

#527BBD #5B89D2 #D2695B #D7786B #C4D25B #B0BD52

Square Palette

#4C73B0 #5B89D2 #C865BC #C8A265 #5BD269 #75D981

Tetradic Palette

#4B70AC #5B89D2 #A948E5 #D2A45B #84E548 #9AEA69

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #5B89D2 contains 91 red, 137 green, and 210 blue.

Contrast Ratio: 3.48:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 6.03:1