#305662 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
#305662 is a dusty, desaturated cyan that carries a heavy, serious mood. Because of its low chroma and dark value, it creates a grounded, professional atmosphere in tech interfaces or moody branding. Pair this hex code with soft creams or warm off-whites to prevent it from looking too muddy. White text remains perfectly legible here, making it a reliable choice for readable, dark-themed UI backgrounds.
Questions about #305662
What is #305662 in RGB, HSL and CMYK?
In RGB, #305662 is rgb(48, 86, 98), in HSL hsl(194, 34%, 29%) and in CMYK 51%, 12%, 0%, 62%.
What colors pair best with #305662 in a design system?
Pair #305662 with soft creams or warm off-whites to soften its heavy, industrial edge while maintaining high contrast. If you need an accent, deep terracotta or muted golds provide a balanced, sophisticated contrast against this dark, desaturated background.
Is #305662 suitable for large blocks of text?
Yes, #305662 works well as a background for light-colored text because of its dark value and muted chroma. Its low saturation ensures that it does not strain the eyes, making it a reliable, readable choice for technical dashboards or software interfaces.
Is #305662 readable on white or black?
#305662 has a 7.97:1 contrast ratio on white and 2.63: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.