#645C3C Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
Reach for dark olive when a design needs an earthy, muted base. #645c3c sits low in both saturation and lightness, so it reads subdued and serious. Use it as a supporting tone beside cream or dusty terracotta rather than a hero shade, where it can turn muddy. White text passes AA contrast on top, which makes this hex code handy for moody UI backgrounds.
Questions about #645c3c
What is #645c3c in RGB, HSL and CMYK?
In RGB, #645c3c is rgb(100, 92, 60), in HSL hsl(48, 25%, 31%) and in CMYK 0%, 8%, 40%, 61%. Browse more shades of brown with names and hex codes.
What colors pair well with #645c3c?
Cream, dusty terracotta, and warm taupe all flatter this olive without competing with it. It also grounds brighter accents like mustard or burnt orange in earthy palettes.
Can you use white text on #645c3c?
Yes. White text on #645c3c reaches about 6.7:1 contrast, which clears the WCAG AA threshold of 4.5:1 for small body text. Light cream works almost as well.
Does #645c3c read warm or cool?
It reads warm. The yellow undertone is clear up close, but heavy graying keeps it from feeling sunny, so it lands closer to khaki than to bright yellow.
Does #645c3c read warm or cool?
It reads warm. The yellow undertone is clear up close, but heavy graying keeps it from feeling sunny, so it lands closer to khaki than to bright yellow.
Is #645c3c readable on white or black?
#645c3c has a 6.69:1 contrast ratio on white and 3.13: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.