#2D4D6D Color

Color Information

HEX#2D4D6D
RGB45, 77, 109
HSL210° , 42% , 30%
HSV210° , 59% , 43%
CMYK59%, 29%, 0%, 57%

Lighter Shades

#46627F #5F7890 #798DA2 #92A2B3 #ABB8C5 #C4CDD6

Darker Shades

#284460 #223B53 #1D3146 #172839 #121F2C #0D161F

Complementary Palette

#27425E #2D4D6D #5E4226 #6D4D2C #81664A #4A6681

Analogous Palette

#355555 #3C5D5D #2A4866 #2D4D6D #3C3C5D #4E4E6A

Triadic Palette

#284460 #2D4D6D #74254D #853F62 #4D7425 #446621

Split Complementary Palette

#294562 #2D4D6D #6D2C2C #7C4141 #6D6D2C #626228

Square Palette

#26415C #2D4D6D #653465 #654D34 #2C6D2C #4E844E

Tetradic Palette

#253F59 #2D4D6D #4D1F7A #6D4D2C #4D7A1F #6D9247

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #2D4D6D contains 45 red, 77 green, and 109 blue.

Contrast Ratio: 8.96:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 2.34:1