#5484EC Color

Color Information

HEX	#5484EC
RGB	84, 132, 236
HSL	221° , 80% , 63%
HSV	221° , 64% , 93%
CMYK	64%, 44%, 0%, 7%

Lighter Shades

#6993EE #7DA2F1 #92B0F3 #A6BFF5 #BBCEF7 #CFDDFA

Darker Shades

#4A74D0 #4064B3 #365497 #2C457B #22355E #182542

Complementary Palette

#4872CB #5484EC #CBA249 #ECBC55 #EFC56D #6C95EF

Analogous Palette

#64B2C4 #68C5D9 #4F7CDE #5484EC #7D68D9 #8774DC

Triadic Palette

#4A74D0 #5484EC #F64C82 #F76191 #82F64C #72D843

Split Complementary Palette

#4C77D4 #5484EC #EC7155 #EE7F66 #D0EC55 #BBD44D

Square Palette

#476FC6 #5484EC #E35FCA #E3B95F #55EC71 #70EF88

Tetradic Palette

#456CC2 #5484EC #C344FD #ECBC55 #7FFD44 #96FD66

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #5484EC contains 84 red, 132 green, and 236 blue.

Contrast Ratio: 3.53:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 5.95:1