#2D554A Color

Color Information

HEX#2D554A
RGB45, 85, 74
HSL164° , 31% , 25%
HSV164° , 47% , 33%
CMYK47%, 0%, 13%, 67%

Lighter Shades

#466960 #5F7E75 #79928B #92A7A1 #ABBBB7 #C4CFCC

Darker Shades

#284B41 #224138 #1D362F #172C26 #12221E #0D1815

Complementary Palette

#274940 #2D554A #48262F #542C37 #6C4A53 #4A6D63

Analogous Palette

#324336 #36493B #2A5046 #2D554A #364549 #43555B

Triadic Palette

#284B41 #2D554A #4C265A #61406E #5A4C26 #4F4321

Split Complementary Palette

#294D43 #2D554A #542C4A #65415C #54352C #4C3028

Square Palette

#26473E #2D554A #39324D #4D323A #4A542C #676F4E

Tetradic Palette

#25463D #2D554A #21315F #542C37 #5F4E21 #7C6E49

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #2D554A contains 45 red, 85 green, and 74 blue.

Contrast Ratio: 8.52:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 2.46:1