#3B5A94 Color

Color Information

HEX#3B5A94
RGB59, 90, 148
HSL219° , 43% , 41%
HSV219° , 60% , 58%
CMYK60%, 39%, 0%, 42%

Lighter Shades

#536EA1 #6A82AE #8295BB #99A9C7 #B1BDD4 #C8D1E1

Darker Shades

#344F82 #2D4470 #263A5F #1F2F4D #18243B #111929

Complementary Palette

#334D7F #3B5A94 #816534 #96763C #A58957 #5671A3

Analogous Palette

#4B7177 #517981 #37558B #3B5A94 #585181 #696487

Triadic Palette

#344F82 #3B5A94 #A03158 #AB4A6C #58A031 #4D8D2B

Split Complementary Palette

#355185 #3B5A94 #96493C #A15B50 #88963C #7A8736

Square Palette

#324C7C #3B5A94 #8B4681 #8B7346 #3C9649 #5BA766

Tetradic Palette

#304A79 #3B5A94 #7C29A8 #96763C #55A829 #74B850

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #3B5A94 contains 59 red, 90 green, and 148 blue.

Contrast Ratio: 6.88:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 3.05:1