#525A9C Color

Color Information

HEX#525A9C
RGB82, 90, 156
HSL234° , 31% , 47%
HSV234° , 47% , 61%
CMYK47%, 42%, 0%, 39%

Lighter Shades

#676EA8 #7C82B4 #9095C0 #A5A9CC #BABDD7 #CFD1E3

Darker Shades

#484F89 #3E4477 #343A64 #2B2F51 #21243E #17192C

Complementary Palette

#474D86 #525A9C #878147 #9D9653 #ABA56B #6A71AA

Analogous Palette

#5D717E #667B8A #4D5593 #525A9C #74668A #7E6F95

Triadic Palette

#484F89 #525A9C #A94751 #B35D66 #51A947 #47953E

Split Complementary Palette

#4A518C #525A9C #9D7053 #A77E64 #7F9D53 #728D4B

Square Palette

#454C83 #525A9C #915F7D #918C5F #539D70 #6FAD87

Tetradic Palette

#434A80 #525A9C #A73DB3 #9D9653 #49B33D #6AC160

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #525A9C contains 82 red, 90 green, and 156 blue.

Contrast Ratio: 6.39:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 3.29:1