#5495D6 Color

Color Information

HEX	#5495D6
RGB	84, 149, 214
HSL	210° , 61% , 58%
HSV	210° , 61% , 84%
CMYK	61%, 30%, 0%, 16%

Lighter Shades

#69A2DB #7DAEE0 #92BBE5 #A6C8EA #BBD5EF #CFE1F4

Darker Shades

#4A83BC #4071A3 #365F89 #2C4D6F #223C56 #182A3C

Complementary Palette

#4880B8 #5495D6 #B77F47 #D59453 #DBA36B #6CA4DC

Analogous Palette

#63ABAB #68C0C0 #4F8CC9 #5495D6 #6868C0 #7474C3

Triadic Palette

#4A83BC #5495D6 #E04894 #E45EA1 #94E048 #82C53F

Split Complementary Palette

#4C86C1 #5495D6 #D55353 #D96464 #D5D553 #C0C04B

Square Palette

#477DB4 #5495D6 #CB5DCB #CB945D #53D553 #6FDC6F

Tetradic Palette

#457AAF #5495D6 #943FE9 #D59453 #94E93F #A7ED62

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #5495D6 contains 84 red, 149 green, and 214 blue.

Contrast Ratio: 3.12:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 6.74:1