#374703 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This dark, unsaturated olive brings an earthy, grounded quality to designs. Because it is quite dim, the hex code #374703 works best as a moody background or a secondary accent rather than for fine text. It pairs well with cream or muted orange to balance its serious weight. With a high contrast ratio against white, it remains readable when used for large, bold typography.
Questions about #374703
What is #374703 in RGB, HSL and CMYK?
In RGB, #374703 is rgb(55, 71, 3), in HSL hsl(74, 92%, 15%) and in CMYK 23%, 0%, 96%, 72%.
What colors pair best with #374703 in a design palette?
Use #374703 alongside creamy off-whites or soft muted oranges to balance its intense, dim nature. These lighter, warmer tones prevent the dark olive from feeling too heavy while creating a natural, high-contrast look suitable for branding or editorial backgrounds.
Is #374703 suitable for website body text?
Avoid using #374703 for fine body text because its low luminance makes it difficult to read at small sizes. Instead, reserve this shade for large, bold headers or as a solid background color paired with high-contrast text to maintain accessibility.
Is #374703 readable on white or black?
#374703 has a 10.16:1 contrast ratio on white and 2.06: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.