#5484F2 Color

Color Information

HEX	#5484F2
RGB	84, 132, 242
HSL	222° , 86% , 64%
HSV	222° , 65% , 95%
CMYK	65%, 45%, 0%, 5%

Lighter Shades

#6993F4 #7DA2F5 #92B0F7 #A6BFF8 #BBCEFA #CFDDFB

Darker Shades

#4A74D5 #4064B8 #36549B #2C457E #223561 #182544

Complementary Palette

#4872D0 #5484F2 #D0A848 #F2C354 #F4CB6C #6C95F4

Analogous Palette

#62B6CB #67C8E0 #4F7CE3 #5484F2 #7F67E0 #8A73E2

Triadic Palette

#4A74D5 #5484F2 #FB4B80 #FB618F #80FB4B #71DD42

Split Complementary Palette

#4C77DA #5484F2 #F27454 #F38265 #D3F254 #BEDA4C

Square Palette

#476FCB #5484F2 #E95DCD #E9BF5D #54F274 #6FF48A

Tetradic Palette

#456CC6 #5484F2 #C847FF #F2C354 #7EFF47 #95FF68

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #5484F2 contains 84 red, 132 green, and 242 blue.

Contrast Ratio: 3.49:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 6.02:1