#2F578D Color

Color Information

HEX#2F578D
RGB47, 87, 141
HSL214° , 50% , 37%
HSV214° , 67% , 55%
CMYK67%, 38%, 0%, 45%

Lighter Shades

#486B9B #617FA8 #7A93B6 #93A8C4 #ACBCD1 #C5D0DF

Darker Shades

#294D7C #24426B #1E385A #182D49 #132338 #0D1827

Complementary Palette

#284B79 #2F578D #7A5728 #8E652F #9E7B4C #4C6F9D

Analogous Palette

#3C6D72 #42777B #2C5285 #2F578D #46427B #585681

Triadic Palette

#294D7C #2F578D #972657 #A3406B #579726 #4D8521

Split Complementary Palette

#2A4E7F #2F578D #8E352F #994944 #878E2F #7A802A

Square Palette

#274976 #2F578D #84397F #846339 #2F8E35 #50A055

Tetradic Palette

#274774 #2F578D #671E9F #8E652F #569F1E #74B047

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #2F578D contains 47 red, 87 green, and 141 blue.

Contrast Ratio: 7.4:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 2.84:1