#123F43 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This dark, unsaturated teal offers a moody, serious presence for modern interfaces. Because of its high contrast against white text, #123f43 serves as a grounded, legible background for technical dashboards or professional branding. It feels less aggressive than pure black, providing a softer, more sophisticated alternative for dark mode designs. Pair it with soft, muted oranges to avoid muddying the composition.
Questions about #123f43
What is #123f43 in RGB, HSL and CMYK?
In RGB, #123f43 is rgb(18, 63, 67), in HSL hsl(185, 58%, 17%) and in CMYK 73%, 6%, 0%, 74%.
What colors pair well with #123f43?
This deep teal works best with muted, earthy tones that ground its technical feel. Pair #123f43 with terracotta or soft, dusty oranges to create a balanced contrast that feels sophisticated rather than muddy. Avoid bright, neon primaries which can clash with its desaturated character.
Is #123f43 a good choice for text?
While #123f43 is excellent as a background color, it is generally too dark to be used for body text unless it is placed against a very light background. It functions most effectively as a primary branding color or a dark-mode UI element where legibility is maintained via high contrast.
Is #123f43 readable on white or black?
#123f43 has a 11.55:1 contrast ratio on white and 1.81: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.