#83A396 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
Muted and dusty, this teal sits on the cooler side of the spectrum with a heavy gray cast. Because it is highly desaturated, #83a396 works best as a supporting background rather than a primary call to action. Pair it with crisp charcoal or deep plum to keep it from looking washed out. The hex code for this ashy teal is #83a396, which provides excellent contrast against black text.
Questions about #83a396
What is #83a396 in RGB, HSL and CMYK?
In RGB, #83a396 is rgb(131, 163, 150), in HSL hsl(156, 15%, 58%) and in CMYK 20%, 0%, 8%, 36%.
How should I use #83a396 in a design layout?
Because #83a396 is highly desaturated and muted, it functions best as a supporting background or secondary accent rather than a high-intensity call to action button. It creates a professional, grounded atmosphere, especially when paired with charcoal or deep neutral text for optimal readability.
Does #83a396 look better with warm or cool tones?
This shade leans decidedly cool due to its heavy gray cast and low saturation, making it most harmonious with other muted, earthy tones. To avoid a washed-out look, pair it with deeper accents like plum or charcoal to anchor the visual weight.
Is #83a396 readable on white or black?
#83a396 has a 2.74:1 contrast ratio on white and 7.64:1 on black. WCAG asks for 4.5:1 for body text and 3:1 for large text, so on white it is too faint for text and on black it works for body text. Try other pairs in the contrast checker.