#2D5577 Color

Color Information

HEX#2D5577
RGB45, 85, 119
HSL208° , 45% , 32%
HSV208° , 62% , 47%
CMYK62%, 29%, 0%, 53%

Lighter Shades

#466987 #5F7E98 #7992A8 #92A7B8 #ABBBC9 #C4CFD9

Darker Shades

#284B69 #22415A #1D364C #172C3E #122230 #0D1821

Complementary Palette

#274966 #2D5577 #654427 #764F2D #89684A #4A6D8A

Analogous Palette

#375C5B #3D6665 #2A5070 #2D5577 #3D3F66 #50516D

Triadic Palette

#284B69 #2D5577 #7E2555 #8D3F69 #557E25 #4B6F21

Split Complementary Palette

#294D6B #2D5577 #762D2F #844244 #76742D #6A6829

Square Palette

#264764 #2D5577 #6C356E #6E5035 #2F762D #508C4F

Tetradic Palette

#254662 #2D5577 #4E1E85 #764F2D #55851E #749B47

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #2D5577 contains 45 red, 85 green, and 119 blue.

Contrast Ratio: 7.96:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 2.64:1