#5BAFDB Color

Color Information

HEX#5BAFDB
RGB91, 175, 219
HSL201° , 64% , 61%
HSV201° , 58% , 86%
CMYK58%, 20%, 0%, 14%

Lighter Shades

#6FB9DF #82C2E4 #96CCE8 #AAD5EC #BDDFF1 #D1E9F5

Darker Shades

#509AC1 #4585A6 #3A708C #2F5B72 #244658 #19313D

Complementary Palette

#4E97BC #5BAFDB #BC754F #DB885C #E09973 #72BAE0

Analogous Palette

#6BB3A8 #70C7BA #56A5CE #5BAFDB #707DC7 #7B87CC

Triadic Palette

#509AC1 #5BAFDB #E552B2 #E867BB #B2E552 #9DCA48

Split Complementary Palette

#529EC5 #5BAFDB #DB5C6F #DF6C7D #DBC85C #C5B453

Square Palette

#4C93B8 #5BAFDB #C166D1 #D18B66 #6FDB5C #86E176

Tetradic Palette

#4B90B4 #5BAFDB #834AED #DB885C #B4ED4A #C2F06B

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #5BAFDB contains 91 red, 175 green, and 219 blue.

Contrast Ratio: 2.41:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 8.72:1