#5B97EC Color

Color Information

HEX	#5B97EC
RGB	91, 151, 236
HSL	215° , 79% , 64%
HSV	215° , 61% , 93%
CMYK	61%, 36%, 0%, 7%

Lighter Shades

#6FA3EE #82B0F1 #96BCF3 #AAC9F5 #BDD5F7 #D1E2FA

Darker Shades

#5085D0 #4573B3 #3A6197 #2F4F7B #243C5E #192A42

Complementary Palette

#4E82CB #5B97EC #CB974E #ECAF5B #EFBA72 #72A6EF

Analogous Palette

#68BDC4 #6DD0D9 #568EDE #5B97EC #766DD9 #8178DD

Triadic Palette

#5085D0 #5B97EC #F55196 #F666A3 #96F551 #84D847

Split Complementary Palette

#5288D4 #5B97EC #EC675B #EE766B #E0EC5B #CAD452

Square Palette

#4C7FC6 #5B97EC #E364D8 #E3AE64 #5BEC67 #75EF7F

Tetradic Palette

#4B7CC2 #5B97EC #B24AFC #ECAF5B #94FC4A #A7FD6B

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #5B97EC contains 91 red, 151 green, and 236 blue.

Contrast Ratio: 2.93:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 7.18:1