#335426 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This dim, unsaturated olive creates a grounded, serious mood. Because it is quite dark, it functions best as a supporting tone rather than a background. Pair #335426 with a soft cream or dusty rose to balance its weight. It meets WCAG standards for small body text readability against white, but use it sparingly in UI to avoid a muddy appearance.
Questions about #335426
What is #335426 in RGB, HSL and CMYK?
In RGB, #335426 is rgb(51, 84, 38), in HSL hsl(103, 38%, 24%) and in CMYK 39%, 0%, 55%, 67%.
How should I use #335426 effectively in UI design?
#335426 functions best as a high-contrast text color or a secondary accent rather than a large background field. Its density risks appearing muddy if overused, so balance it with lighter neutrals like cream or soft off-whites to maintain a clean interface.
What colors pair well with #335426?
Pair #335426 with soft, dusty tones to offset its heaviness and create visual harmony. A subtle dusty rose or a warm terracotta provides enough contrast to make the deep olive feel sophisticated instead of flat.
Is #335426 readable on white or black?
#335426 has a 8.61:1 contrast ratio on white and 2.43: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.