#2D486D Color

Color Information

HEX#2D486D
RGB45, 72, 109
HSL215° , 42% , 30%
HSV215° , 59% , 43%
CMYK59%, 34%, 0%, 57%

Lighter Shades

#465E7F #5F7490 #798AA2 #92A0B3 #ABB6C5 #C4CCD6

Darker Shades

#283F60 #223753 #1D2E46 #172539 #121D2C #0D141F

Complementary Palette

#273E5E #2D486D #5E4726 #6D522C #816A4A #4A6281

Analogous Palette

#355255 #3C5A5D #2A4466 #2D486D #3F3C5D #504E6A

Triadic Palette

#283F60 #2D486D #742546 #853F5C #467425 #3E6621

Split Complementary Palette

#294162 #2D486D #6D322C #7C4741 #676D2C #5D6228

Square Palette

#263C5C #2D486D #653460 #655134 #2C6D32 #4E8453

Tetradic Palette

#253B59 #2D486D #541F7A #6D522C #457A1F #669247

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #2D486D contains 45 red, 72 green, and 109 blue.

Contrast Ratio: 9.54:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 2.2:1