#2B3D4F Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This dusty, inky blue carries a serious weight, making it a reliable choice for professional tech or government interfaces. Because the hex code #2b3d4f is so unsaturated, it functions best as a dark, moody background rather than a primary accent. It offers exceptional contrast for white text, though you might consider what colors make black if you need a softer, less stark alternative for your design.
Questions about #2b3d4f
What is #2b3d4f in RGB, HSL and CMYK?
In RGB, #2b3d4f is rgb(43, 61, 79), in HSL hsl(210, 30%, 24%) and in CMYK 46%, 23%, 0%, 69%.
Why does #2b3d4f work better as a background than an accent?
Because #2b3d4f is highly unsaturated and deep, it lacks the visual punch needed to grab attention as a button or active element. It provides a stable, serious backdrop that lets lighter UI components stand out clearly against its dark surface.
What colors pair well with #2b3d4f for UI design?
You can pair #2b3d4f with bright, neutral whites or light grays to ensure high contrast for text. For accent colors, muted gold or soft orange tones cut through the darkness, adding warmth and visual interest to an otherwise cool-toned interface.
Is #2b3d4f readable on white or black?
#2b3d4f has a 11.15:1 contrast ratio on white and 1.88: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.