#023A60 Hex Color

Online color picker to view shades, tints, color codes, and complementary colors

Hex color #023a60 graphic
#023a60 is a dim, unsaturated navy with a grounded, serious character. It works well as a dominant base for professional UI or tech interfaces, providing a stable, high-contrast backdrop for white text. Because this hex code has a deep, cool tone, pair it with muted metallics or soft creams to keep the overall design from feeling too cold or gloomy.

Questions about #023a60

What is #023a60 in RGB, HSL and CMYK?
In RGB, #023a60 is rgb(2, 58, 96), in HSL hsl(204, 96%, 19%) and in CMYK 98%, 40%, 0%, 62%.
What colors pair best with #023a60 in UI design?
This deep navy works best alongside muted neutrals to soften its industrial edge. Pair #023a60 with a warm cream or sand to add necessary levity, or use a crisp white for high-legibility text overlays in professional dashboards.
Does #023a60 have a warm or cool undertone?
The #023a60 hex code sits firmly in the cool spectrum, carrying a grounded, serious weight typical of deep navy tones. Because it is highly unsaturated, it reads as a neutral base that avoids the harshness of pure black or standard ink blue.
Is #023a60 readable on white or black?
#023a60 has a 11.81:1 contrast ratio on white and 1.77: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.