#2D4E72 Color

Color Information

HEX#2D4E72
RGB45, 78, 114
HSL211° , 43% , 31%
HSV211° , 61% , 45%
CMYK61%, 32%, 0%, 55%

Lighter Shades

#466383 #5F7894 #798EA5 #92A3B6 #ABB8C7 #C4CDD8

Darker Shades

#284564 #223B57 #1D3249 #17293B #121F2E #0D1620

Complementary Palette

#274362 #2D4E72 #614527 #71502D #85694A #4A6786

Analogous Palette

#375758 #3D6161 #2A496B #2D4E72 #3D3D61 #4E4E6A

Triadic Palette

#284564 #2D4E72 #79254E #893F63 #4E7925 #456A21

Split Complementary Palette

#294667 #2D4E72 #712E2D #7F4342 #70712D #656629

Square Palette

#264260 #2D4E72 #693568 #695035 #2D712E #4F884F

Tetradic Palette

#25405D #2D4E72 #511F7F #71502D #4D7F1F #6D9647

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #2D4E72 contains 45 red, 78 green, and 114 blue.

Contrast Ratio: 8.77:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 2.4:1