#31554A Color

Color Information

HEX#31554A
RGB49, 85, 74
HSL162° , 27% , 26%
HSV162° , 42% , 33%
CMYK42%, 0%, 13%, 67%

Lighter Shades

#4A6960 #627E75 #7B928B #94A7A1 #ADBBB7 #C5CFCC

Darker Shades

#2B4B41 #254138 #1F362F #192C26 #14221E #0E1815

Complementary Palette

#2A4940 #31554A #482933 #54303B #6C4D56 #4E6D63

Analogous Palette

#344639 #384C3D #2E5046 #31554A #38484C #45595E

Triadic Palette

#2B4B41 #31554A #4C2A5B #61446F #5B4C2A #504325

Split Complementary Palette

#2C4D43 #31554A #54304D #65455F #543830 #4C322B

Square Palette

#29473E #31554A #3C374E #4E373E #4D5430 #696F51

Tetradic Palette

#28463D #31554A #243660 #54303B #604E24 #7D6E4B

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #31554A contains 49 red, 85 green, and 74 blue.

Contrast Ratio: 8.46:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 2.48:1