#3A5682 Color

Color Information

HEX#3A5682
RGB58, 86, 130
HSL217° , 38% , 37%
HSV217° , 55% , 51%
CMYK55%, 34%, 0%, 49%

Lighter Shades

#526A91 #697FA0 #8193AF #99A7BE #B0BBCD #C8D0DC

Darker Shades

#334C72 #2C4163 #253753 #1E2D44 #172234 #101824

Complementary Palette

#324A70 #3A5682 #705932 #82673A #947C56 #566E94

Analogous Palette

#466367 #4D6B6F #37517A #3A5682 #524D6F #5F5B7B

Triadic Palette

#334C72 #3A5682 #8C3154 #9A4A69 #548C31 #4A7B2B

Split Complementary Palette

#344D75 #3A5682 #82433A #8F564E #7A823A #6E7534

Square Palette

#31486D #3A5682 #794473 #796544 #3A8243 #5A9661

Tetradic Palette

#30476B #3A5682 #6C2A93 #82673A #52932A #71A650

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #3A5682 contains 58 red, 86 green, and 130 blue.

Contrast Ratio: 7.5:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 2.8:1