#5B8AC0 Color

Color Information

HEX#5B8AC0
RGB91, 138, 192
HSL212° , 44% , 55%
HSV212° , 53% , 75%
CMYK53%, 28%, 0%, 25%

Lighter Shades

#6F98C8 #82A6CF #96B4D7 #AAC2DE #BDD0E6 #D1DEED

Darker Shades

#5079A9 #456992 #3A587B #2F4864 #24374D #192736

Complementary Palette

#4E77A5 #5B8AC0 #A47C4D #BF905A #C8A071 #729AC9

Analogous Palette

#6D9597 #71A6A8 #5682B4 #5B8AC0 #7371A8 #7F7DB0

Triadic Palette

#5079A9 #5B8AC0 #CA4E88 #D06396 #88CA4E #78B245

Split Complementary Palette

#527CAD #5B8AC0 #BF5D5A #C56D6B #BBBF5A #A8AC51

Square Palette

#4C74A1 #5B8AC0 #B365B1 #B38F65 #5ABF5D #74C977

Tetradic Palette

#4B719D #5B8AC0 #9145D3 #BF905A #88D345 #9DDB66

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #5B8AC0 contains 91 red, 138 green, and 192 blue.

Contrast Ratio: 3.55:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 5.92:1