#014D4E Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
Dark Teal is a muted, low-saturation shade that brings gravity to UI designs. Its significant darkness makes it an excellent choice for full backgrounds, as it provides high contrast for white text. Because it feels professional and restrained, use #014d4e as a solid base color paired with bright, energetic accents. This hex code offers enough readability for small body text while maintaining a moody, serious tone.
About Dark Teal
Lake water an hour after sundown
What does dark teal mean?
It commonly suggests deep water, evergreen shade, and steady calm, so designers often use it to signal dependable depth. Its low lightness and muted saturation read as subdued and enclosed, closer to a shadowed pool than a bright lagoon.
Where you see dark teal
- deep lake water
- vintage chalkboards
- doctor's scrubs
- enamel cookware
- pine forest shade
- old felt pool tables
What it works for
It works as a dark background that stays cool, holding pale text and warm accents without turning gray.
What colors go with dark teal?
Cream #fffdd0The pale neutral lifts the darkness and keeps text and layouts easy to read.Dusty Rose #b56f76The muted pink adds warmth without fighting the teal's low saturation.Mustard #ffdb58The strong yellow cuts through the darkness and gives the eye an anchor.Burnt Sienna #a93400This earthy red-orange sits near teal's complement, so the pair snaps together.
Questions about Dark Teal
What is the hex code for Dark Teal?
Dark Teal is #014d4e. In RGB that is rgb(1, 77, 78), in HSL hsl(181, 97%, 15%) and in CMYK 99%, 1%, 0%, 69%.
Does #014d4e work well for body text?
Yes, #014d4e is excellent for body text when placed on light backgrounds, as its high darkness ensures strong contrast and readability. Because it feels more sophisticated than standard black, it serves as a great anchor for editorial-style digital layouts.
Is Dark Teal readable on white or black?
Dark Teal has a 9.66:1 contrast ratio on white and 2.17: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.