#2D4D96 Color

Color Information

HEX#2D4D96
RGB45, 77, 150
HSL222° , 54% , 38%
HSV222° , 70% , 59%
CMYK70%, 49%, 0%, 41%

Lighter Shades

#4662A3 #5F78AF #798DBC #92A2C8 #ABB8D5 #C4CDE2

Darker Shades

#284484 #223B72 #1D3160 #17284E #121F3C #0D162A

Complementary Palette

#274281 #2D4D96 #806527 #95762D #A4894A #4A66A5

Analogous Palette

#3B6B78 #407582 #2A488D #2D4D96 #4D4082 #5F5487

Triadic Palette

#284484 #2D4D96 #9F2348 #AB3D5E #489F23 #3F8C1F

Split Complementary Palette

#294587 #2D4D96 #95422D #A05542 #80952D #738629

Square Palette

#26417E #2D4D96 #8C367A #8C7236 #2D9542 #4FA660

Tetradic Palette

#253F7B #2D4D96 #7D1BA7 #95762D #45A71B #66B744

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #2D4D96 contains 45 red, 77 green, and 150 blue.

Contrast Ratio: 8.17:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 2.57:1