#2D4E76 Color

Color Information

HEX#2D4E76
RGB45, 78, 118
HSL213° , 45% , 32%
HSV213° , 62% , 46%
CMYK62%, 34%, 0%, 54%

Lighter Shades

#466386 #5F7897 #798EA7 #92A3B8 #ABB8C8 #C4CDD9

Darker Shades

#284568 #223B5A #1D324C #17293D #121F2F #0D1621

Complementary Palette

#274365 #2D4E76 #654927 #76552D #896D4A #4A6789

Analogous Palette

#375B5C #3D6566 #2A496F #2D4E76 #3F3D66 #52506D

Triadic Palette

#284568 #2D4E76 #7E254D #8D3F62 #4D7E25 #446F21

Split Complementary Palette

#29466A #2D4E76 #76312D #844642 #73762D #686A29

Square Palette

#264263 #2D4E76 #6E356C #6E5435 #2D7631 #4F8C52

Tetradic Palette

#254061 #2D4E76 #571E85 #76552D #4C851E #6C9B47

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #2D4E76 contains 45 red, 78 green, and 118 blue.

Contrast Ratio: 8.7:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 2.41:1