#5BA4C7 Color

Color Information

HEX#5BA4C7
RGB91, 164, 199
HSL199° , 49% , 57%
HSV199° , 54% , 78%
CMYK54%, 18%, 0%, 22%

Lighter Shades

#6FAFCE #82BAD4 #96C5DB #AAD0E2 #BDDBE9 #D1E6EF

Darker Shades

#5090AF #457D97 #3A697F #2F5567 #244250 #192E38

Complementary Palette

#4E8DAB #5BA4C7 #AB6C4F #C77E5C #CF9073 #72B1CF

Analogous Palette

#6F9F96 #72B1A5 #569ABB #5BA4C7 #727DB1 #7B86B7

Triadic Palette

#5090AF #5BA4C7 #D251A9 #D766B3 #A9D251 #95B947

Split Complementary Palette

#5294B3 #5BA4C7 #C75C6F #CD6C7D #C7B35C #B3A153

Square Palette

#4C8AA7 #5BA4C7 #AC67BC #BC8267 #6FC75C #86D076

Tetradic Palette

#4B86A3 #5BA4C7 #7648DB #C77E5C #ACDB48 #BBE169

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #5BA4C7 contains 91 red, 164 green, and 199 blue.

Contrast Ratio: 2.73:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 7.69:1