#004548 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This dark, desaturated teal carries a moody, professional weight that grounds UI designs. It functions best as a dominant base or background color, creating a serious tone that pairs well with sharp, high-contrast white text. The hex code for this shade is #004548. Because of its extreme depth, use it sparingly in tight spaces to keep your layout from feeling heavy.
Questions about #004548
What is #004548 in RGB, HSL and CMYK?
In RGB, #004548 is rgb(0, 69, 72), in HSL hsl(183, 100%, 14%) and in CMYK 100%, 4%, 0%, 72%.
What colors pair well with #004548 for UI design?
#004548 works best when paired with high-contrast neutrals like crisp off-white or soft cream to maintain readability. For accent colors, it balances beautifully against muted terracotta or warm gold tones, which add a necessary spark of life to its serious, professional foundation.
Does #004548 read as a cool or warm color?
While #004548 is technically a cool green-blue teal, its deep, desaturated nature gives it a neutral, grounded feel rather than a chilling one. This depth makes it feel more like a dark, moody charcoal or slate alternative, suitable for professional branding that avoids the harshness of pure black.
Is #004548 readable on white or black?
#004548 has a 10.79:1 contrast ratio on white and 1.94: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.