#374151 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
A muted, shadowy slate, #374151 carries a professional weight suitable for serious interfaces like legal or financial dashboards. This dark hue provides excellent contrast for white text, making it a reliable background choice for high-readability UI design. If you are learning what colors make gray, this hex code serves as a prime example of a cool, desaturated blue base.
Questions about #374151
What is #374151 in RGB, HSL and CMYK?
In RGB, #374151 is rgb(55, 65, 81), in HSL hsl(217, 19%, 27%) and in CMYK 32%, 20%, 0%, 68%.
Why is #374151 effective for UI design?
The cool, desaturated blue base of #374151 provides a subtle, professional weight that excels in financial or legal dashboards. Because it is dark and muted, it serves as an ideal high-contrast background for clean white typography, ensuring clear readability.
Does #374151 work better as a primary or secondary color?
It functions best as a background or base color rather than a primary accent, as its muted tone is designed for long-term focus. Using it for sidebars or data panels creates a grounded interface without overwhelming the user or distracting from core content.
Is #374151 readable on white or black?
#374151 has a 10.30:1 contrast ratio on white and 2.03: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.