#38414A Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This dusty, desaturated charcoal with heavy blue undertones offers a serious, grounded presence for UI design. Because #38414a is so muted and dark, it functions best as a dominant background or a sophisticated alternative to pure black. White text remains highly readable against this hex code, making it a reliable choice for long-form content or moody, high-contrast dashboards.
Questions about #38414a
What is #38414a in RGB, HSL and CMYK?
In RGB, #38414a is rgb(56, 65, 74), in HSL hsl(210, 14%, 25%) and in CMYK 24%, 12%, 0%, 71%.
When should I use #38414a instead of pure black?
Use #38414a when you want a softer, more sophisticated alternative that reduces harsh contrast while maintaining readability for long-form text. It functions exceptionally well as a primary interface background or a footer element where you need a serious, professional presence without the visual fatigue caused by ink black.
Which colors complement #38414a for a balanced UI?
This shade pairs well with soft creams or warm greys to lift its heavy blue undertones and create visual balance. If you need a secondary accent, try muted terracotta to provide a gentle, high-contrast pop against its otherwise desaturated and grounded appearance.
Is #38414a readable on white or black?
#38414a has a 10.37:1 contrast ratio on white and 2.02: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.