#2D333F Hex Color
Grounded inky blue with grey undertones
This desaturated, inky blue leans heavily toward grey, offering a somber and grounded aesthetic for UI backgrounds. Because it is quite dark, white text remains highly legible against it. If you are learning what colors make black, this tone serves as a softened, professional alternative. Designers often pair #2d333f with sharp, vibrant accents to prevent the overall interface from feeling too muted or flat.
Questions about #2d333f
What is #2d333f in RGB, HSL and CMYK?
In RGB, #2d333f is rgb(45, 51, 63), in HSL hsl(220, 17%, 21%) and in CMYK 29%, 19%, 0%, 75%.
What makes #2d333f effective for UI design?
It functions as a sophisticated, lower-contrast alternative to pure black, reducing eye strain while maintaining a professional hierarchy. When paired with high-contrast text, the grey undertones create a clean, modern aesthetic that feels significantly less harsh than standard dark themes.
Which colors pair best with #2d333f?
Is #2d333f readable on white or black?
#2d333f has a 12.67:1 contrast ratio on white and 1.65: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.