#336D03 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
Closer to a forest floor than a bright lime, this dark green carries a gloomy, grounded mood. The hex code #336d03 works as a dominant background for nature, sports, or gaming designs, since white text over it reads at about 6.3:1 and clears WCAG AA. Pair it with amber accents to keep large areas from feeling flat.
Questions about #336d03
What is #336d03 in RGB, HSL and CMYK?
In RGB, #336d03 is rgb(51, 109, 3), in HSL hsl(93, 95%, 22%) and in CMYK 53%, 0%, 97%, 57%.
What text color works on a #336d03 background?
White text on #336d03 reaches about a 6.3:1 contrast ratio, which clears the WCAG AA threshold of 4.5:1 and makes it safe behind small body text. Black only hits around 3.3:1, so reserve it for large headings.
What colors pair well with #336d03?
Warm accents like amber and terracotta flatter #336d03 because they lift its dim, shadowy character instead of sinking into it. Cool pastels and light grays tend to wash the green out.
Is #336d03 readable on white or black?
#336d03 has a 6.30:1 contrast ratio on white and 3.32: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.