#2F56A5 Color

Color Information

HEX	#2F56A5
RGB	47, 86, 165
HSL	220° , 56% , 42%
HSV	220° , 72% , 65%
CMYK	72%, 48%, 0%, 35%

Lighter Shades

#486AB0 #617FBB #7A93C5 #93A7D0 #ACBBDB #C5D0E6

Darker Shades

#294C91 #24417D #1E376A #182D56 #132242 #0D182E

Complementary Palette

#284A8E #2F56A5 #906D28 #A77F2F #B3914C #4C6EB2

Analogous Palette

#407B87 #458592 #2C519B #2F56A5 #514592 #635997

Triadic Palette

#294C91 #2F56A5 #B22454 #BB3E69 #54B224 #4A9D20

Split Complementary Palette

#2A4D95 #2F56A5 #A7432F #B05644 #93A72F #84962A

Square Palette

#27488B #2F56A5 #9C3A8C #9C7C3A #2FA743 #50B561

Tetradic Palette

#274787 #2F56A5 #861CBA #A77F2F #51BA1C #70C645

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #2F56A5 contains 47 red, 86 green, and 165 blue.

Contrast Ratio: 7.08:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 2.97:1