#3A5271 Color

Color Information

HEX#3A5271
RGB58, 82, 113
HSL214° , 32% , 34%
HSV214° , 49% , 44%
CMYK49%, 27%, 0%, 56%

Lighter Shades

#526782 #697C93 #8190A4 #99A5B5 #B0BAC6 #C8CFD7

Darker Shades

#334863 #2C3E56 #253448 #1E2B3B #17212D #101720

Complementary Palette

#324761 #3A5271 #624D33 #725A3B #867156 #566A85

Analogous Palette

#43595B #4A6264 #374D6A #3A5271 #4B4A64 #575572

Triadic Palette

#334863 #3A5271 #7B3252 #8B4B67 #527B32 #486C2C

Split Complementary Palette

#344A66 #3A5271 #723F3B #80524F #6F723B #646735

Square Palette

#31455F #3A5271 #6A4468 #6A5944 #3B723F #5A895E

Tetradic Palette

#30435D #3A5271 #5C2B82 #725A3B #51822B #709951

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #3A5271 contains 58 red, 82 green, and 113 blue.

Contrast Ratio: 8.13:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 2.58:1