#5BA7E1 Color

Color Information

HEX#5BA7E1
RGB91, 167, 225
HSL206° , 69% , 62%
HSV206° , 60% , 88%
CMYK60%, 26%, 0%, 12%

Lighter Shades

#6FB2E5 #82BCE8 #96C7EC #AAD1EF #BDDCF3 #D1E6F7

Darker Shades

#5093C6 #457FAB #3A6B90 #2F5775 #24435A #192F3F

Complementary Palette

#4E90C2 #5BA7E1 #C2804E #E1955B #E5A472 #72B3E5

Analogous Palette

#6AB9B4 #6FCEC7 #569DD4 #5BA7E1 #6F75CE #7A80D1

Triadic Palette

#5093C6 #5BA7E1 #EB52A8 #ED67B2 #A8EB52 #94CF48

Split Complementary Palette

#5296CB #5BA7E1 #E15B64 #E46B74 #E1D85B #CBC252

Square Palette

#4C8CBD #5BA7E1 #D065D7 #D79665 #64E15B #7DE675

Tetradic Palette

#4B89B9 #5BA7E1 #934AF2 #E1955B #A9F24A #B8F46B

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #5BA7E1 contains 91 red, 167 green, and 225 blue.

Contrast Ratio: 2.57:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 8.17:1