#5B7BDD Color

Color Information

HEX#5B7BDD
RGB91, 123, 221
HSL225° , 66% , 61%
HSV225° , 59% , 87%
CMYK59%, 44%, 0%, 13%

Lighter Shades

#6F8BE1 #829BE5 #96ABE9 #AABAED #BDCAF1 #D1DAF5

Darker Shades

#506CC2 #455DA8 #3A4F8D #2F4073 #243158 #19223E

Complementary Palette

#4E6ABE #5B7BDD #BEA24D #DDBC5A #E2C571 #728DE2

Analogous Palette

#69A2B5 #6EB2C9 #5674D0 #5B7BDD #856EC9 #8E79CD

Triadic Palette

#506CC2 #5B7BDD #E75076 #EA6586 #76E750 #68CB46

Split Complementary Palette

#526FC7 #5B7BDD #DD7B5A #E0886B #BCDD5A #A9C751

Square Palette

#4C67BA #5B7BDD #D364B7 #D3B764 #5ADD7B #74E290

Tetradic Palette

#4B65B5 #5B7BDD #C548EF #DDBC5A #72EF48 #8BF269

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #5B7BDD contains 91 red, 123 green, and 221 blue.

Contrast Ratio: 3.91:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 5.37:1