#2F5982 Color

Color Information

HEX#2F5982
RGB47, 89, 130
HSL210° , 47% , 35%
HSV210° , 64% , 51%
CMYK64%, 32%, 0%, 49%

Lighter Shades

#486D91 #6181A0 #7A95AF #93A9BE #ACBDCD #C5D1DC

Darker Shades

#294E72 #244463 #1E3953 #182E44 #132434 #0D1924

Complementary Palette

#284D70 #2F5982 #714D28 #83592F #94704C #4C7094

Analogous Palette

#3B6868 #417171 #2C547A #2F5982 #414171 #545478

Triadic Palette

#294E72 #2F5982 #8C2659 #9A406D #598C26 #4E7B21

Split Complementary Palette

#2A5075 #2F5982 #832F2F #8F4444 #83832F #76762A

Square Palette

#274B6D #2F5982 #7A387A #7A5938 #2F832F #509750

Tetradic Palette

#27496B #2F5982 #591F93 #83592F #59931F #77A647

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #2F5982 contains 47 red, 89 green, and 130 blue.

Contrast Ratio: 7.39:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 2.84:1