#54676A Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
Storm-cloud gray with a faint teal undertone, #54676a reads darker and duller than most slate blues. That muted quality makes it a strong supporting tone for UI backgrounds, dark mode surfaces, and moody brand palettes. White text on it reaches roughly a 6:1 contrast ratio, so it clears WCAG AA for body text. Pair it with terracotta or warm cream to keep its gray cast from going flat.
Questions about #54676a
What is #54676a in RGB, HSL and CMYK?
In RGB, #54676a is rgb(84, 103, 106), in HSL hsl(188, 12%, 37%) and in CMYK 21%, 3%, 0%, 58%. Browse more shades of gray with names and hex codes.
What colors pair well with #54676a?
Warm accents like terracotta, coral, or soft cream lift its gray cast and keep it from reading muddy. Cool grays and navy tend to flatten it.
Is #54676a readable on white or black?
#54676a has a 5.95:1 contrast ratio on white and 3.52: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.