#242A33 Hex Color
A serious and grounded dusky blue
This dusky blue is dark, muted, and leans heavily into grey territory. Its low saturation creates a serious, grounded mood ideal for professional UI backgrounds or dark mode interfaces. Because the hex code #242a33 offers high contrast with white text, it remains perfectly readable for body copy. Pair it with crisp copper or gold accents to lift the tone away from gloominess.
Questions about #242a33
What is #242a33 in RGB, HSL and CMYK?
In RGB, #242a33 is rgb(36, 42, 51), in HSL hsl(216, 17%, 17%) and in CMYK 29%, 18%, 0%, 80%.
Where is the best place to use #242a33 in a UI design?
#242a33 excels as a background color for professional SaaS interfaces or dark mode layouts where readability is critical. Its low saturation provides a stable foundation that reduces eye strain while allowing white text or bright, crisp brand accents to stand out clearly.
Which accent colors work best with #242a33?
Warm metallic tones like copper or soft gold create the most striking contrast against the coolness of #242a33. If you need a more neutral palette, try pairing this shade with a crisp, cool off-white or a very light cool grey to maintain a modern, balanced appearance.
Is #242a33 readable on white or black?
#242a33 has a 14.44:1 contrast ratio on white and 1.45: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.