#525A76 Color

Color Information

HEX#525A76
RGB82, 90, 118
HSL227° , 18% , 39%
HSV227° , 31% , 46%
CMYK31%, 24%, 0%, 54%

Lighter Shades

#676E86 #7C8297 #9095A7 #A5A9B8 #BABDC8 #CFD1D9

Darker Shades

#484F68 #3E445A #343A4C #2B2F3D #21242F #171921

Complementary Palette

#474D65 #525A76 #655F47 #756E52 #88826A #6A7189

Analogous Palette

#4E616A #556A72 #4D556F #525A76 #5D5572 #695F81

Triadic Palette

#484F68 #525A76 #7F4853 #8E5E68 #537F48 #49703F

Split Complementary Palette

#4A516A #525A76 #755C52 #836C63 #6B7552 #60694A

Square Palette

#454C63 #525A76 #72556A #726C55 #52755C #6E8B76

Tetradic Palette

#434A61 #525A76 #794087 #756E52 #4E8740 #6E9D62

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #525A76 contains 82 red, 90 green, and 118 blue.

Contrast Ratio: 6.86:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 3.06:1