#3F535C Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This muted, dark cyan carries a heavy, ashy character that leans into industrial gloom. Because of its dusty saturation, #3f535c works best as a supporting tone rather than a dominant background. White text sits beautifully on top, providing strong contrast for UI elements or data-heavy interfaces. When paired with bright, warm oranges, the hex code gains an unexpected, professional edge that softens its inherent seriousness.
Questions about #3f535c
What is #3f535c in RGB, HSL and CMYK?
In RGB, #3f535c is rgb(63, 83, 92), in HSL hsl(199, 19%, 30%) and in CMYK 32%, 10%, 0%, 64%. Browse more shades of gray with names and hex codes.
What colors pair well with #3f535c?
Bright, warm oranges or soft corals create a professional contrast against the muted, heavy character of #3f535c. Using a crisp white text overlay ensures maximum readability, making this combination ideal for clean, data-driven interfaces or modern corporate branding.
Is #3f535c suitable for primary background use?
This shade works best as a supporting tone rather than a dominant background color because of its heavy, dusty saturation. Use #3f535c to ground your design, perhaps for sidebars or accent elements, to avoid overwhelming the viewer with too much gloom.
Is #3f535c readable on white or black?
#3f535c has a 8.06:1 contrast ratio on white and 2.60: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.