#18242E Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This inky, desaturated blue leans heavily into grey territory. Because it is so dark, #18242e functions best as a sophisticated base for tech or financial branding. It offers high contrast for white text, making it a strong choice for UI backgrounds. While it feels serious and muted, use it sparingly in large blocks to avoid an overly gloomy appearance.
Questions about #18242e
What is #18242e in RGB, HSL and CMYK?
In RGB, #18242e is rgb(24, 36, 46), in HSL hsl(207, 31%, 14%) and in CMYK 48%, 22%, 0%, 82%.
Where should I use #18242e in a UI design?
#18242e functions best as a primary background or a deep navigation bar because it provides excellent contrast for white text or bright accent buttons. Because it is so dark, use it sparingly to avoid a heavy, overly gloomy feeling in your layout.
What colors pair well with #18242e?
#18242e works exceptionally well when paired with crisp white for readability or soft metallics like silver for a modern, tech-focused aesthetic. You can also introduce muted earth tones like sand to soften the overall severity of the palette.
Is #18242e readable on white or black?
#18242e has a 15.78:1 contrast ratio on white and 1.33: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.