#676354 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
#676354 is a dark, muted yellow with olive-gray undertones and a matte, dusty finish. Its low saturation creates a serious, subdued mood suited to construction branding, budget campaigns, moody backgrounds, and supporting UI elements. Use it as a base with white text, which reaches about 6.0:1 contrast. The hex code is #676354.
Questions about #676354
What is #676354 in RGB, HSL and CMYK?
In RGB, #676354 is rgb(103, 99, 84), in HSL hsl(47, 10%, 37%) and in CMYK 0%, 4%, 18%, 60%.
What colors pair well with #676354?
#676354 pairs well with white, cream, charcoal, and muted terracotta, balancing its dusty olive-gray undertone with clean contrast or restrained warmth. Use cream for softer surfaces, charcoal for grounded contrast, and terracotta as a small accent.
Is #676354 warm or cool?
#676354 reads as muted and slightly warm because its yellow base is softened by gray and olive undertones, while its low saturation keeps it from feeling sunny, bright, or strongly earthy in most layouts.
Is #676354 readable on white or black?
#676354 has a 6.01:1 contrast ratio on white and 3.48: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.