#006C84 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This dark, dim cyan carries a moody weight that avoids appearing overly saturated. Because it sits on the cooler side of the spectrum, #006c84 works best as a base or dark background color. It provides excellent contrast for white text, maintaining accessibility standards without needing extra adjustments. Pair this color with soft, warm grays to balance its intense, serious character in modern UI design.
Questions about #006c84
What is #006c84 in RGB, HSL and CMYK?
In RGB, #006c84 is rgb(0, 108, 132), in HSL hsl(191, 100%, 26%) and in CMYK 100%, 18%, 0%, 48%.
What color schemes work best with #006c84?
Soft, warm grays act as the perfect counterbalance to the intense, serious nature of #006c84 in digital design. Using warm neutrals helps ground this cool cyan, preventing it from appearing too harsh while maintaining high accessibility for text.
Is #006c84 a good choice for text-heavy UI backgrounds?
Yes, because #006c84 provides strong natural contrast against white or off-white text, making it an excellent base for headers or sections. It creates a professional, weighted appearance without the visual fatigue often caused by pure black or dark navy backgrounds.
Is #006c84 readable on white or black?
#006c84 has a 6.03:1 contrast ratio on white and 3.47: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 works only for large text (24px, or 18.5px bold). Try other pairs in the contrast checker.