Coffee (635F38) — Shades, Harmonies, Palettes, CSS Code

"Coffee"

Earth · Summer

🧠 Psychology

Bright color that captures attention. Symbolizes optimism, clarity and intellect.

✨ Uses

Warnings, lighting, youth fashion, accessories.

Tip

Coffee pairs ideally with #F7F5F0 (off-white) and a neutral background for a modern, readable result.

Values

HEX #635F38

RGB rgb(99, 95, 56)

HSL hsl(54°, 28%, 30%)

CMYK C:0% M:4% Y:43% K:61%

Luminance 0.1106

WCAG Accessibility

On white 6.51:1

Aa — #635F38

Secondary text

✓ AA ✗ AAA ✓ AA Large

On black 3.22:1

Aa — #635F38

Secondary text

✗ AA ✗ AAA ✓ AA Large

50 100 200 300 400 500 600 700 800 900 950

All harmonies

Complementary

#635F38 #373B62

Analogous

#624837 #635F38 #516237

Triadic

#635F38 #37625E #5E3762

Split-comp.

#635F38 #375162 #483762

Tetradic

#635F38 #376248 #373B62 #623751

Monochromatic

#C0BEA5 #969269 #5A583F #3C3A2A #0F0F0A

Suggested palettes for this hue.

Pop Matisse View all →

Autumn Forest View all →

Kyoto Zen View all →