#2A3684 Color

Color Information

HEX#2A3684
RGB42, 54, 132
HSL232° , 52% , 34%
HSV232° , 68% , 52%
CMYK68%, 59%, 0%, 48%

Lighter Shades

#444E93 #5D66A2 #777EB0 #9096BF #AAAFCE #C3C7DD

Darker Shades

#253074 #202964 #1B2354 #161C45 #111635 #0C0F25

Complementary Palette

#242E72 #2A3684 #726724 #84782A #958B48 #485295

Analogous Palette

#375668 #3B5E72 #27337C #2A3684 #4F3B72 #5E4F78

Triadic Palette

#253074 #2A3684 #8C212F #9A3C48 #2F8C21 #297B1D

Split Complementary Palette

#263177 #2A3684 #844B2A #905D3F #63842A #597726

Square Palette

#232D6F #2A3684 #7B3260 #7B7132 #2A844B #4C9868

Tetradic Palette

#222C6C #2A3684 #831A93 #84782A #2A931A #50A643

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #2A3684 contains 42 red, 54 green, and 132 blue.

Contrast Ratio: 11.11:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 1.89:1