#2D554F Color

Color Information

HEX#2D554F
RGB45, 85, 79
HSL171° , 31% , 25%
HSV171° , 47% , 33%
CMYK47%, 0%, 7%, 67%

Lighter Shades

#466964 #5F7E79 #79928E #92A7A3 #ABBBB9 #C4CFCE

Darker Shades

#284B46 #22413C #1D3633 #172C29 #122220 #0D1816

Complementary Palette

#274944 #2D554F #48262B #542C32 #6C4A4F #4A6D68

Analogous Palette

#324338 #36493D #2A504A #2D554F #364349 #43535B

Triadic Palette

#284B46 #2D554F #52265A #67406E #5A5226 #4F4821

Split Complementary Palette

#294D47 #2D554F #542C46 #654159 #543A2C #4C3428

Square Palette

#264742 #2D554F #3C324D #4D3236 #46542C #646F4E

Tetradic Palette

#254641 #2D554F #212A5F #542C32 #5F5621 #7C7449

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #2D554F contains 45 red, 85 green, and 79 blue.

Contrast Ratio: 8.47:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 2.48:1