#054B70 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This dark, desaturated shade anchors designs with professional authority and deep, cool tones. It serves as an excellent, high-contrast base for technical or corporate projects. Because white text maintains a strong 9.3:1 contrast ratio against it, #054b70 is a functional choice for dark mode UI backgrounds. Pair this hex code with a sharp, crisp orange to create a modern, high-energy balance.
Questions about #054b70
What is #054b70 in RGB, HSL and CMYK?
In RGB, #054b70 is rgb(5, 75, 112), in HSL hsl(201, 91%, 23%) and in CMYK 96%, 33%, 0%, 56%.
Why is #054b70 effective for dark mode interfaces?
#054b70 provides a professional, deep foundation that maintains a strong 9.3:1 contrast ratio against white text, ensuring excellent readability for technical or corporate interface backgrounds without the harshness or eye strain of pure black.
How can I balance the dark tone of #054b70?
You should pair #054b70 with a sharp, crisp orange to create a striking, modern contrast that balances the dark, desaturated nature of the blue with a high-energy, complementary pop for accents or call-to-action buttons.
Is #054b70 readable on white or black?
#054b70 has a 9.34:1 contrast ratio on white and 2.24: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.