#304E59 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
Dark and muted, #304e59 is a gray-leaning cyan with low saturation and a matte, dusky finish. It brings seriousness and depth to technology, aerospace, and moody interface designs without feeling harsh. Use it as a supporting tone beside warm white or muted coral. White text reaches about 8.9:1 contrast, and the hex code is #304e59.
Questions about #304e59
What is #304e59 in RGB, HSL and CMYK?
In RGB, #304e59 is rgb(48, 78, 89), in HSL hsl(196, 30%, 27%) and in CMYK 46%, 12%, 0%, 65%.
What colors pair well with #304e59?
#304e59 pairs well with warm white, muted coral, sand, and soft gray, which balance its cool gray-cyan base while preserving its restrained, matte character and providing clear separation for interfaces, layouts, and supporting graphics.
Does #304e59 read as a warm or cool color?
#304e59 reads as a cool, gray-leaning cyan because its blue-green base is softened by low saturation, giving it a subdued appearance rather than a bright, icy one on screen and in print. That balance suits serious interfaces and atmospheric visual systems.
Does #304e59 work with white text?
White text on #304e59 reaches about 8.9:1 contrast, supporting accessible body copy and interface labels when font size, weight, and surrounding colors are chosen carefully for the intended reading conditions. Check the complete text and background combination for your specific design.
Is #304e59 readable on white or black?
#304e59 has a 8.89: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.