Coffee is a medium-dark, moderately saturated shade in the brown color family, with a warm feel. Its HEX code is #6F4E37, which equals rgb(111, 78, 55) in RGB and hsl(25, 34%, 33%) in HSL. In print terms it converts to roughly C0 M30 Y50 K56, although exact CMYK results depend on the paper and color profile.
- HEX
#6F4E37 - RGB
111, 78, 55 - HSL
25°, 34%, 33% - CMYK
0, 30, 50, 56 - Family
Brown - Tone
Medium-dark, moderately saturated
About Coffee
Brown shades are earthy, warm and dependable. This family covers tans, beiges, woods and chocolates, and works well for natural, rustic and heritage-style designs. It works well for buttons, headings, illustrations and brand accents. Text in white is the most readable choice on this color, with a contrast ratio of 7.44:1. Its complementary color is #385971.
Download Coffee as an image
Choose a size and format, then download a solid-color image — or tick colors in the library to batch-download a ZIP.
Loading colors…
Loading gradients…
Coffee color codes
| HEX | #6F4E37 |
|---|---|
| RGB | rgb(111, 78, 55) |
| HSL | hsl(25, 34%, 33%) |
| HSV | 25°, 50%, 44% |
| CMYK | 0%, 30%, 50%, 56% |
| Decimal | 7294519 |
Shades and tints of Coffee
Lighter tints are mixed with white and darker shades are mixed with black.
- 50
#E7E2DE - 100
#CFC4BC - 200
#B7A79B - 300
#9F897A - 400
#876C58 - 500
#6F4E37 - 600
#5D412E - 700
#4A3425 - 800
#38271C - 900
#251A12 - 950
#130D09
Color harmonies for Coffee
- Complementary
#385971≈ Deep Muted Cerulean - Analogous −30°
#71383C≈ Deep Muted Cardinal - Analogous +30°
#716C38≈ Deep Muted Marigold - Triadic +120°
#38714F≈ Deep Muted Malachite - Triadic +240°
#4F3871≈ Deep Muted Periwinkle - Split 150°
#38716C≈ Deep Muted Turquoise - Split 210°
#383C71≈ Deep Muted Royal
Contrast and accessibility of Coffee
| Text color | Sample | Contrast ratio | WCAG |
|---|---|---|---|
| White text on Coffee | Aa | 7.44:1 | AAA (excellent) |
| Black text on Coffee | Aa | 2.82:1 | Fails |
CSS code for Coffee
background-color: #6F4E37;color: #6F4E37;background-color: rgb(111, 78, 55);background-color: hsl(25, 34%, 33%);:root { --color-coffee: #6F4E37; }class="bg-[#6F4E37]"Colors similar to Coffee
- Deep Muted Persimmon
#795034 - Deep Muted Cinnabar
#794934 - Deep Muted Orange
#795734 - Deep Dusty Vermilion
#684C45 - Deep Dusty Cinnabar
#685045 - Deep Dusty Scarlet
#684945 - Deep Dusty Persimmon
#685345 - Deep Muted Vermilion
#794234 - Deep Dusty Red
#684545 - Deep Dusty Orange
#685745 - Umber
#635147 - Deep Dusty Tangerine
#685A45
More brown shades
- Taupe
#483C32 - Rust
#B7410E - Ecru
#C2B280 - Mahogany
#C04000 - Camel
#C19A6B - Caramel
#AF6F09 - Espresso
#3C2415 - Umber
#635147 - Sepia
#704214 - Pearl
#EAE0C8 - Alabaster
#EDEADE
Frequently asked questions
What is the HEX code for Coffee?
The HEX code for Coffee is #6F4E37.
What is the RGB value of Coffee?
Coffee has an RGB value of 111, 78, 55 (rgb(111, 78, 55)). In HSL it is 25°, 34%, 33%.
What text color should I use on Coffee?
Use white text on Coffee. White text has a contrast ratio of 7.44:1 and black text has 2.82:1; WCAG AA requires at least 4.5:1 for normal text.
What color goes well with Coffee?
The complementary color of Coffee is #385971. Analogous colors #71383C and #716C38 also pair well.