#305F70 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This muted, desaturated cyan carries a dusty, cool presence. It works as a serious base for tech interfaces or moody design layouts. White text reads clearly against this shade with a 7.0:1 contrast ratio, making it a strong choice for text-heavy UI. The hex code for this industrial tone is #305f70. It provides a grounded, reserved alternative to brighter, more saturated blues.
Questions about #305f70
What is #305f70 in RGB, HSL and CMYK?
In RGB, #305f70 is rgb(48, 95, 112), in HSL hsl(196, 40%, 31%) and in CMYK 57%, 15%, 0%, 56%.
Why is #305f70 effective for text-heavy UI?
#305f70 achieves a strong 7.0:1 contrast ratio against white, making it a reliable choice for long-form reading environments. Because it remains desaturated and calm, it prevents visual fatigue, allowing users to focus on content without competing with the interface color.
Which accent colors complement this industrial cyan?
This shade pairs well with warm, contrasting tones like soft terracotta to balance its natural coolness. It also holds its own alongside neutral charcoal or light gray, which reinforces its grounded, professional character without overwhelming the primary muted cyan palette.
Is #305f70 readable on white or black?
#305f70 has a 7.00:1 contrast ratio on white and 2.99: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.