Coffee (635D2D) — 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 #635D2D

RGB rgb(99, 93, 45)

HSL hsl(53°, 38%, 28%)

CMYK C:0% M:6% Y:55% K:61%

Luminance 0.1059

WCAG Accessibility

On white 6.7:1

Aa — #635D2D

Secondary text

✓ AA ✗ AAA ✓ AA Large

On black 3.13:1

Aa — #635D2D

Secondary text

✗ AA ✗ AAA ✓ AA Large

50 100 200 300 400 500 600 700 800 900 950

All harmonies

Complementary

#635D2D #2C3363

Analogous

#63412C #635D2D #4E632C

Triadic

#635D2D #2C635C #5C2C63

Split-comp.

#635D2D #2C4E63 #412C63

Tetradic

#635D2D #2C6341 #2C3363 #632C4E

Monochromatic

#C4BF97 #9D9558 #5B5733 #3B3821 #0A0906

Suggested palettes for this hue.

Coral Sea View all →

Berries View all →

Purple UI View all →