#2D4579 Color

Color Information

HEX	#2D4579
RGB	45, 69, 121
HSL	221° , 46% , 33%
HSV	221° , 63% , 47%
CMYK	63%, 43%, 0%, 53%

Lighter Shades

#465B89 #5F7299 #7988A9 #929EB9 #ABB5C9 #C4CBD9

Darker Shades

#283D6A #22345C #1D2C4D #17243F #121C30 #0D1322

Complementary Palette

#273B68 #2D4579 #6A5427 #7B622D #8D784A #4A5F8C

Analogous Palette

#385A61 #3E626A #2A4172 #2D4579 #473E6A #575071

Triadic Palette

#283D6A #2D4579 #832543 #923F5A #438325 #3B7321

Split Complementary Palette

#293E6D #2D4579 #7B3C2D #885042 #6D7B2D #626F29

Square Palette

#263A66 #2D4579 #723667 #725F36 #2D7B3C #4F905B

Tetradic Palette

#253963 #2D4579 #681E8A #7B622D #408A1E #629F47

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #2D4579 contains 45 red, 69 green, and 121 blue.

Contrast Ratio: 9.63:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 2.18:1