#5BA7DE Color

Color Information

HEX#5BA7DE
RGB91, 167, 222
HSL205° , 66% , 61%
HSV205° , 59% , 87%
CMYK59%, 25%, 0%, 13%

Lighter Shades

#6FB2E2 #82BCE6 #96C7EA #AAD1EE #BDDCF2 #D1E6F6

Darker Shades

#5093C3 #457FA9 #3A6B8E #2F5773 #244359 #192F3E

Complementary Palette

#4E90BF #5BA7DE #BE7D4D #DD915A #E2A071 #72B3E3

Analogous Palette

#69B5AF #6EC9C2 #569DD1 #5BA7DE #6E75C9 #7980CD

Triadic Palette

#5093C3 #5BA7DE #E750A8 #EA65B2 #A8E750 #94CB46

Split Complementary Palette

#5296C8 #5BA7DE #DD5A65 #E06B74 #DDD25A #C7BD51

Square Palette

#4C8CBA #5BA7DE #CA64D3 #D39264 #65DD5A #7EE274

Tetradic Palette

#4B89B6 #5BA7DE #8E48EF #DD915A #A9EF48 #B8F269

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #5BA7DE contains 91 red, 167 green, and 222 blue.

Contrast Ratio: 2.58:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 8.14:1