#5BA5C8 Color

Color Information

HEX#5BA5C8
RGB91, 165, 200
HSL199° , 50% , 57%
HSV199° , 55% , 78%
CMYK55%, 18%, 0%, 22%

Lighter Shades

#6FB0CF #82BBD5 #96C5DC #AAD0E2 #BDDBE9 #D1E6F0

Darker Shades

#5091B0 #457D98 #3A6A80 #2F5668 #244250 #192E38

Complementary Palette

#4E8EAC #5BA5C8 #AC6C4E #C87D5B #D08F72 #72B2D0

Analogous Palette

#6EA097 #70B2A6 #569BBC #5BA5C8 #707DB2 #7A86B8

Triadic Palette

#5091B0 #5BA5C8 #D350A9 #D865B3 #A9D350 #95BA46

Split Complementary Palette

#5295B4 #5BA5C8 #C85B6F #CE6B7D #C8B45B #B4A252

Square Palette

#4C8BA8 #5BA5C8 #AD65BD #BD8165 #6FC85B #86D175

Tetradic Palette

#4B87A4 #5BA5C8 #7647DC #C87D5B #ADDC47 #BCE268

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #5BA5C8 contains 91 red, 165 green, and 200 blue.

Contrast Ratio: 2.7:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 7.78:1