#3A4E54 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
Far from a bright cyan, #3a4e54 reads as stormy slate, a muted blue-gray with just enough green to stay cool. Its low saturation and dim lightness make it a dependable base for dark mode UIs and moody branding. Pair it with warm coral or dusty ochre for contrast. White text clears WCAG AA on it at roughly 8.8:1.
Questions about #3a4e54
What is #3a4e54 in RGB, HSL and CMYK?
In RGB, #3a4e54 is rgb(58, 78, 84), in HSL hsl(194, 18%, 28%) and in CMYK 31%, 7%, 0%, 67%. Browse more shades of gray with names and hex codes.
What colors pair well with #3a4e54?
Warm accents do the most work here. Try coral or dusty ochre against #3a4e54; the warmth offsets its gray undertone. Cool pastels and other muted blues tend to wash it out.
Is #3a4e54 readable on white or black?
#3a4e54 has a 8.75:1 contrast ratio on white and 2.39: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 is too faint for text. Try other pairs in the contrast checker.