#54645C Hex Color

Online color picker to view shades, tints, color codes, and complementary colors

Obligation color codes graphic
Obligation is a muted, dusty teal with heavy grey undertones. It brings a serious, sophisticated mood to dark UI interfaces. The hex code is #54645c. Because this shade is quite dark, it pairs perfectly with crisp white text, providing a 6.3:1 contrast ratio that ensures readability. Use it alongside warm metallics to keep your palette from appearing flat or muddy.

Questions about Obligation

What is the hex code for Obligation?
Obligation is #54645c. In RGB that is rgb(84, 100, 92), in HSL hsl(150, 9%, 36%) and in CMYK 16%, 0%, 8%, 61%.
What colors pair best with the Obligation #54645c shade?
Obligation #54645c works best alongside warm metallics like gold or copper to prevent the palette from feeling flat. It also provides excellent readability when paired with crisp, clean white text, meeting accessibility standards for professional dark UI applications.
Does #54645c lean more cool or warm in a design?
While technically a cool-toned teal, the heavy grey infusion gives #54645c a neutral, serious character that functions similarly to a dark slate. This makes it feel grounded and professional rather than vibrant, which is ideal for restrained, modern digital interfaces.
Is Obligation readable on white or black?
Obligation has a 6.26:1 contrast ratio on white and 3.35:1 on black. WCAG asks for 4.5:1 for body text and 3:1 for large text, so on white it works for body text and on black it works only for large text (24px, or 18.5px bold). Try other pairs in the contrast checker.