#304543 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
#304543 is a dark, muted teal with distinct grey undertones. It projects sophistication and a moody, serious tone, making it ideal for dark UI backgrounds or supporting brand elements. Because it has strong contrast, white text remains highly legible against this hue. Use this hex code sparingly as an accent to avoid making your design feel too heavy or closed in.
Questions about #304543
What is #304543 in RGB, HSL and CMYK?
In RGB, #304543 is rgb(48, 69, 67), in HSL hsl(174, 18%, 23%) and in CMYK 30%, 0%, 3%, 73%.
How should I use #304543 in UI design?
#304543 serves best as a subtle background or a sophisticated accent color rather than a primary fill. It creates a moody, serious atmosphere while maintaining excellent readability for white text, making it ideal for landing pages or data-heavy dashboards.
Which colors pair well with #304543?
This shade works effectively with crisp whites or very light greys to maximize contrast and maintain legibility. For a more sophisticated palette, try pairing #304543 with soft terracotta or warm mustard accents to balance the cool, muted nature of the teal.
Is #304543 readable on white or black?
#304543 has a 10.20:1 contrast ratio on white and 2.05: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.