#302A4D Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
#302a4d is an inky, desaturated purple that leans cool and muted. Its heavy, dark composition makes it a reliable base for dark mode UI designs, providing excellent readability for white body text. While it can feel somewhat gloomy, this tone works best as a sophisticated background or a primary branding color when paired with soft, warm metallics like brushed brass or gold to cut the chill.
Questions about #302a4d
What is #302a4d in RGB, HSL and CMYK?
In RGB, #302a4d is rgb(48, 42, 77), in HSL hsl(250, 29%, 23%) and in CMYK 38%, 45%, 0%, 70%.
How can #302a4d be effectively used in UI design?
#302a4d functions as a superior dark mode background because it provides a softer, more sophisticated alternative to pure black. Use it to improve readability for white body text while maintaining a modern, high-contrast aesthetic that reduces screen glare.
What colors pair well with #302a4d for a balanced palette?
Pair #302a4d with soft, warm metallics like brushed brass or muted gold to balance its cool, gloomy undertones. It also creates a professional look when accented against cream or light, desaturated grays for a clean, minimal contrast.
Is #302a4d readable on white or black?
#302a4d has a 13.42:1 contrast ratio on white and 1.56: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.