#5284C2 Color

Color Information

HEX#5284C2
RGB82, 132, 194
HSL213° , 48% , 54%
HSV213° , 58% , 76%
CMYK58%, 32%, 0%, 24%

Lighter Shades

#6793C9 #7CA2D1 #90B0D8 #A5BFDF #BACEE7 #CFDDEE

Darker Shades

#4874AB #3E6493 #34547C #2B4565 #21354E #172536

Complementary Palette

#4772A7 #5284C2 #A77B46 #C28F51 #CB9F69 #6A95CB

Analogous Palette

#65989A #69A7AB #4D7CB6 #5284C2 #6C69AB #7976B2

Triadic Palette

#4874AB #5284C2 #CE4683 #D45C92 #83CE46 #73B53E

Split Complementary Palette

#4A77AF #5284C2 #C25751 #C86862 #BCC251 #A9AF49

Square Palette

#456FA3 #5284C2 #B65DB2 #B68E5D #51C257 #6DCC72

Tetradic Palette

#436C9F #5284C2 #913CD7 #C28F51 #82D73C #99DE5F

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #5284C2 contains 82 red, 132 green, and 194 blue.

Contrast Ratio: 3.82:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 5.5:1