#046B93 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This dim blue carries a serious, clinical weight that works well for branding in tech or finance. Because #046b93 sits at a moderate saturation, it provides a stable, professional backdrop without feeling overly aggressive. It pairs cleanly with white text, providing enough contrast for readability in UI designs. Use it sparingly as a primary accent to maintain its grounded, moody character.
Questions about #046b93
What is #046b93 in RGB, HSL and CMYK?
In RGB, #046b93 is rgb(4, 107, 147), in HSL hsl(197, 95%, 30%) and in CMYK 97%, 27%, 0%, 42%.
Where does #046b93 work best in UI design?
Use #046b93 as a primary accent or functional color for buttons and data visualization where you need to project stability. Because it maintains high contrast against white backgrounds, it effectively directs user focus without feeling overly aggressive or high-energy.
Does #046b93 lean warm or cool?
The #046b93 hex code leans distinctly cool, carrying a clinical, moody undertone that feels grounded rather than bright. It avoids the harsh vibrancy of primary blues, making it a sophisticated choice for finance, medical, or SaaS platforms that require a trustworthy visual tone.
Is #046b93 readable on white or black?
#046b93 has a 5.94:1 contrast ratio on white and 3.52: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 works only for large text (24px, or 18.5px bold). Try other pairs in the contrast checker.