#2F4A5A Color

Color Information

HEX#2F4A5A
RGB47, 74, 90
HSL202° , 31% , 27%
HSV202° , 48% , 35%
CMYK48%, 18%, 0%, 65%

Lighter Shades

#48606E #617582 #7A8B95 #93A1A9 #ACB7BD #C5CCD1

Darker Shades

#29414F #243844 #1E2F3A #18262F #131E24 #0D1519

Complementary Palette

#28404D #2F4A5A #4D3629 #5A3F30 #715A4D #4C6371

Analogous Palette

#364947 #3B4F4D #2C4655 #2F4A5A #3B3D4F #484A61

Triadic Palette

#29414F #2F4A5A #60294D #734362 #4D6029 #445424

Split Complementary Palette

#2A4351 #2F4A5A #5A3035 #6B4549 #5A5530 #514D2B

Square Palette

#273E4C #2F4A5A #4F3753 #534137 #355A30 #557451

Tetradic Palette

#273D4A #2F4A5A #3B2466 #5A3F30 #4F6624 #6F824B

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #2F4A5A contains 47 red, 74 green, and 90 blue.

Contrast Ratio: 9.59:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 2.19:1