#304F4D Hex Color

Online color picker to view shades, tints, color codes, and complementary colors

Hex color #304f4d graphic
This dim, dusty teal provides a grounded alternative to brighter cyan tones. With its muted, matte finish, #304f4d works best as a moody backdrop or a sophisticated supporting element in UI design. Because it offers strong readability with white text, this hex code excels in dark mode interfaces. Avoid pairing it with other muddy colors to keep your palette clean.

Questions about #304f4d

What is #304f4d in RGB, HSL and CMYK?
In RGB, #304f4d is rgb(48, 79, 77), in HSL hsl(176, 24%, 25%) and in CMYK 39%, 0%, 3%, 69%.
What design aesthetic works best with #304f4d?
#304f4d thrives in professional, dark-themed UI designs where readability and a matte, sophisticated finish are priorities. Because it carries a heavy, grounded weight, it pairs best with crisp, high-contrast typography in off-white or light gray tones rather than stark white.
Does #304f4d function well as a primary interface color?
Yes, #304f4d makes a fantastic primary color for backgrounds in dashboard or SaaS applications that require extended viewing time. Its muted nature reduces eye strain compared to brighter, saturated cyans, allowing you to highlight interactive elements with brighter accents like mustard or gold.
Is #304f4d readable on white or black?
#304f4d has a 8.93:1 contrast ratio on white and 2.35: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.