#2C6454 Hex Color

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

Hex color #2c6454 graphic
This dark, unsaturated teal offers a moody, dusty presence. It lacks the intensity of brighter greens, making it an excellent choice for professional wellness interfaces that require a calm atmosphere. Use this color as a dominant background to ground a design, as it provides enough contrast for white text to remain highly readable. The hex code for this shade is #2c6454.

Questions about #2c6454

What is #2c6454 in RGB, HSL and CMYK?
In RGB, #2c6454 is rgb(44, 100, 84), in HSL hsl(163, 39%, 28%) and in CMYK 56%, 0%, 16%, 61%.
What colors pair well with the dark teal #2c6454?
#2c6454 works best when paired with neutral, lighter tones to prevent the overall composition from feeling too heavy. Try using it alongside a soft cream or a crisp warm white to create a clean, modern contrast for interface elements.
Is #2c6454 suitable for text on a website?
#2c6454 provides excellent contrast against white or light backgrounds, making it a reliable choice for primary body text or headings. Always verify specific contrast ratios against your chosen background, but this shade generally meets accessibility standards for readability when used as a dark anchor.
Is #2c6454 readable on white or black?
#2c6454 has a 6.86:1 contrast ratio on white and 3.05: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.