#2F4083 Color

Color Information

HEX#2F4083
RGB47, 64, 131
HSL228° , 47% , 35%
HSV228° , 64% , 51%
CMYK64%, 51%, 0%, 49%

Lighter Shades

#485792 #616EA1 #7A85B0 #939CBF #ACB3CD #C5CADC

Darker Shades

#293873 #243164 #1E2954 #182144 #131A34 #0D1225

Complementary Palette

#283771 #2F4083 #716228 #83722F #94864C #4C5B94

Analogous Palette

#3B5B68 #416371 #2C3C7B #2F4083 #504171 #5F5478

Triadic Palette

#293873 #2F4083 #8C263B #9A4053 #3B8C26 #347B21

Split Complementary Palette

#2A3A76 #2F4083 #83482F #8F5A44 #6A832F #5F762A

Square Palette

#27366E #2F4083 #7A3866 #7A6D38 #2F8348 #509765

Tetradic Palette

#27346B #2F4083 #7C1F93 #83722F #36931F #5AA647

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #2F4083 contains 47 red, 64 green, and 131 blue.

Contrast Ratio: 9.91:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 2.12:1