#125454 Hex Color

Online color picker to view shades, tints, color codes, and complementary colors

Hex color #125454 graphic
This dark, desaturated teal carries a moody and serious weight. Because it sits on the cooler end of the spectrum, #125454 works best as a stabilizing base for technical dashboards or moody brand interfaces. It offers excellent contrast against white text, making it a functional choice for readable body copy. Pair it with soft, warm metallics to break up the gloomy, dusty undertones.

Questions about #125454

What is #125454 in RGB, HSL and CMYK?
In RGB, #125454 is rgb(18, 84, 84), in HSL hsl(180, 65%, 20%) and in CMYK 79%, 0%, 0%, 67%.
What colors pair well with #125454 for UI design?
Soft warm metallics like brushed gold or copper work best with #125454 to offset its heavy, moody undertones. When creating interfaces, pair this dark teal with off-white or cream text to maintain high readability while keeping the palette sophisticated and balanced.
Is #125454 suitable for body text or large background areas?
#125454 functions effectively as a stable background for dashboards, though it is usually too dark for dense body copy. If used for text, ensure you pair it with high-contrast, light-colored backgrounds to meet web accessibility standards and prevent eye strain.
Is #125454 readable on white or black?
#125454 has a 8.67:1 contrast ratio on white and 2.42: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.