#5B99DC Color

Color Information

HEX	#5B99DC
RGB	91, 153, 220
HSL	211° , 65% , 61%
HSV	211° , 59% , 86%
CMYK	59%, 30%, 0%, 14%

Lighter Shades

#6FA5E0 #82B1E4 #96BEE9 #AACAED #BDD6F1 #D1E2F5

Darker Shades

#5087C2 #4574A7 #3A628D #2F5072 #243D58 #192B3E

Complementary Palette

#4E84BD #5B99DC #BD884E #DC9E5B #E1AC72 #72A7E1

Analogous Palette

#6AB3B4 #6FC7C8 #5690CF #5B99DC #706FC8 #7B7ACD

Triadic Palette

#5087C2 #5B99DC #E65199 #E966A5 #99E651 #87CA47

Split Complementary Palette

#528AC6 #5B99DC #DC5D5B #E06D6B #DADC5B #C4C652

Square Palette

#4C81B9 #5B99DC #D265D0 #D29D65 #5BDC5D #75E277

Tetradic Palette

#4B7DB4 #5B99DC #9E49EE #DC9E5B #99EE49 #ABF16A

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #5B99DC contains 91 red, 153 green, and 220 blue.

Contrast Ratio: 2.94:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 7.13:1