#2F4D5D Color

Color Information

HEX#2F4D5D
RGB47, 77, 93
HSL201° , 33% , 27%
HSV201° , 49% , 36%
CMYK49%, 17%, 0%, 64%

Lighter Shades

#486270 #617884 #7A8D97 #93A2AB #ACB8BE #C5CDD2

Darker Shades

#294452 #243B47 #1E313C #182830 #131F25 #0D161A

Complementary Palette

#284250 #2F4D5D #4F3528 #5C3E2E #73594B #4C6674

Analogous Palette

#364946 #3B4F4C #2C4857 #2F4D5D #3B3E4F #484B61

Triadic Palette

#294452 #2F4D5D #62274E #754163 #4E6227 #455622

Split Complementary Palette

#2A4554 #2F4D5D #5C2E35 #6C4349 #5C552E #534D29

Square Palette

#27414E #2F4D5D #503555 #554035 #355C2E #55764F

Tetradic Palette

#273F4C #2F4D5D #3A2268 #5C3E2E #4F6822 #6F834A

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #2F4D5D contains 47 red, 77 green, and 93 blue.

Contrast Ratio: 9.18:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 2.29:1