#6F4E37
Coffee
Coffee is a medium, warm brown inspired by brewed coffee. It is comforting, familiar, and widely used in food and cafe branding.
Coffee Color Values
HEX#6F4E37
RGB111, 78, 55
HSL25°, 34%, 33%
HSV25°, 50%, 44%
CMYK0%, 30%, 50%, 56%
Color Blindness Simulation
Protanopia
Red-blind. Cannot perceive red light.
Sees: #585135 (~1.3% of males)
Deuteranopia
Green-blind. Cannot perceive green light.
Sees: #5F5838 (~1.2% of males)
Tritanopia
Blue-blind. Cannot perceive blue light.
Sees: #784749 (~0.01% of population)
Achromatopsia
Total color blindness. Sees only grayscale.
Sees: #585858 (~0.003% of population)
Coffee as Text Color
Coffee on White
7.4:1AAA
Coffee on Light Gray
6.8:1AA
Coffee on Cream
7.0:1AAA
Coffee on Dark
2.3:1FAIL
Coffee on Black
2.8:1FAIL
Coffee on Soft Blue
6.5:1AA
Coffee on Soft Green
6.6:1AA
Coffee on Soft Pink
6.2:1AA
Nearest Tailwind Class
orange-900
#7C2D12
Nearest Pantone Match
Pantone 7519 C
#5F4B3B
CSS Variable Export
:root {
--color-coffee: #6F4E37;
--color-coffee-rgb: 111, 78, 55;
}Tailwind Config
// tailwind.config.js
colors: {
'coffee': '#6F4E37',
}Shades of Coffee
#714F38
#634631
#593F2C
#4B3525
#3E2B1E
#332419
#261A13
#18110C
#0E0A07
#000000
Tints of Coffee
#714F38
#896043
#A47351
#B38665
#C19B81
#CDAE98
#DAC4B4
#E6D7CC
#F3ECE7
#FFFFFF
Color Harmonies
Complementary
#6F4E37
#385971
Analogous
#71383C
#714F38
#716C38
Triadic
#714F38
#38714F
#4F3871
Coffee Text Preview
Heading in Coffee
Body text in Coffee. The quick brown fox jumps over the lazy dog.
White on Coffee
Body text on a Coffee background.
Coffee text on dark background
Contrast: 2.4:1