#2D5473 Color

Color Information

HEX#2D5473
RGB45, 84, 115
HSL207° , 44% , 31%
HSV207° , 61% , 45%
CMYK61%, 27%, 0%, 55%

Lighter Shades

#466984 #5F7D95 #7992A5 #92A6B6 #ABBBC7 #C4CFD8

Darker Shades

#284A65 #224057 #1D364A #172C3C #12222E #0D1820

Complementary Palette

#274863 #2D5473 #624126 #724C2C #86654A #4A6C87

Analogous Palette

#365957 #3C6260 #2A4F6C #2D5473 #3C3E62 #4E506A

Triadic Palette

#284A65 #2D5473 #7A2453 #8A3E68 #537A24 #496B20

Split Complementary Palette

#294C68 #2D5473 #722C30 #804145 #726E2C #676328

Square Palette

#264761 #2D5473 #67346A #6A4C34 #30722C #51894E

Tetradic Palette

#25455E #2D5473 #4A1E80 #724C2C #54801E #739747

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #2D5473 contains 45 red, 84 green, and 115 blue.

Contrast Ratio: 8.12:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 2.59:1