#2A6158 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This dusty, desaturated teal leans into a dim, shady character. Because of its low chroma, #2a6158 works best as a moody background rather than a primary accent. It offers enough contrast for white text to remain legible, making it a reliable choice for professional UI interfaces or wellness branding. Pair this hex code with soft, warm creams to prevent the color from feeling too cold or murky.
Questions about #2a6158
What is #2a6158 in RGB, HSL and CMYK?
In RGB, #2a6158 is rgb(42, 97, 88), in HSL hsl(170, 40%, 27%) and in CMYK 57%, 0%, 9%, 62%.
How can I balance the cool temperature of #2a6158 in a design?
Since #2a6158 leans toward a cold and desaturated character, you should anchor it with cream or warm beige to neutralize the murkiness. These lighter, warmer tones prevent the teal from feeling too clinical or disconnected when used as a primary background.
Is #2a6158 a good choice for text-heavy interfaces?
You can safely use #2a6158 for background panels, but avoid using it for body text because its low chroma reduces readability. It works effectively for UI elements when paired with high-contrast white text, ensuring your design meets essential accessibility standards for professional wellness branding.
Is #2a6158 readable on white or black?
#2a6158 has a 7.12:1 contrast ratio on white and 2.94: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.