#2F4584 Color

Color Information

HEX#2F4584
RGB47, 69, 132
HSL224° , 47% , 35%
HSV224° , 64% , 52%
CMYK64%, 48%, 0%, 48%

Lighter Shades

#485B93 #6172A2 #7A88B0 #939EBF #ACB5CE #C5CBDD

Darker Shades

#293D74 #243464 #1E2C54 #182445 #131C35 #0D1325

Complementary Palette

#283B72 #2F4584 #715E28 #836D2F #94814C #4C5F95

Analogous Palette

#3B5E68 #416671 #2C417C #2F4584 #4C4171 #5C5478

Triadic Palette

#293D74 #2F4584 #8C2642 #9A4059 #428C26 #3A7B21

Split Complementary Palette

#2A3E77 #2F4584 #83432F #8F5644 #70832F #65762A

Square Palette

#273A6F #2F4584 #7A386B #7A6938 #2F8343 #509761

Tetradic Palette

#27396C #2F4584 #741F93 #836D2F #3E931F #61A647

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #2F4584 contains 47 red, 69 green, and 132 blue.

Contrast Ratio: 9.34:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 2.25:1