#515A84 Color

Color Information

HEX#515A84
RGB81, 90, 132
HSL229° , 24% , 42%
HSV229° , 39% , 52%
CMYK39%, 32%, 0%, 48%

Lighter Shades

#666E93 #7B82A2 #9095B0 #A5A9BF #B9BDCE #CED1DD

Darker Shades

#474F74 #3E4464 #343A54 #2A2F45 #202435 #171925

Complementary Palette

#464D72 #515A84 #726A46 #857B51 #968D69 #697195

Analogous Palette

#556972 #5B727B #4C557C #515A84 #665B7B #72668A

Triadic Palette

#474F74 #515A84 #904755 #9D5D69 #559047 #4B7F3E

Split Complementary Palette

#495177 #515A84 #856251 #917262 #758551 #697849

Square Palette

#444C6F #515A84 #7B5B72 #7B755B #518562 #6D997B

Tetradic Palette

#424A6C #515A84 #863E98 #857B51 #50983E #70AB61

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #515A84 contains 81 red, 90 green, and 132 blue.

Contrast Ratio: 6.72:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 3.13:1