#2F4E79 Color

Color Information

HEX#2F4E79
RGB47, 78, 121
HSL215° , 44% , 33%
HSV215° , 61% , 47%
CMYK61%, 36%, 0%, 53%

Lighter Shades

#486389 #617899 #7A8EA9 #93A3B9 #ACB8C9 #C5CDD9

Darker Shades

#29456A #243B5C #1E324D #18293F #131F30 #0D1622

Complementary Palette

#284368 #2F4E79 #684D28 #795A2F #8C714C #4C678C

Analogous Palette

#3A5C5F #406568 #2C4972 #2F4E79 #434068 #54526F

Triadic Palette

#29456A #2F4E79 #82274D #914162 #4D8227 #447222

Split Complementary Palette

#2A466D #2F4E79 #79352F #864944 #73792F #686D2A

Square Palette

#274266 #2F4E79 #71386C #715938 #2F7935 #508E55

Tetradic Palette

#274063 #2F4E79 #5D2088 #795A2F #4B8820 #6B9D48

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #2F4E79 contains 47 red, 78 green, and 121 blue.

Contrast Ratio: 8.61:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 2.44:1