Coffee color: code #6F4E37
Coffee
#6F4E37
Color codes
- HEX
#6F4E37 - RGB
rgb(111, 78, 55) - HSL
hsl(25, 34%, 33%) - HSV
hsv(25, 50%, 44%) - CMYK
cmyk(0%, 30%, 50%, 56%) - LAB
lab(36.2% 10.9 19.1) - OKLCH
oklch(45.4% 0.057 55.6)
About the color Coffee
Coffee has the HEX code #6F4E37, which corresponds to rgb(111, 78, 55) in the RGB model. On the color wheel its hue sits at 25°, with 34% saturation and 33% lightness (hsl(25, 34%, 33%)).
Because of its hue it reads as a warm color: it tends to feel energetic and close, and it visually “advances” in a composition.
As a background it calls for light text: white reaches a 7.44:1 contrast ratio on it, versus 2.82:1 for black.
For print, the approximate conversion is cmyk(0%, 30%, 50%, 56%). Always confirm with your printer’s color profile, because the result depends on paper and ink.
Lighter tints
Darker shades
Color combinations with Coffee
Complementary
#6F4E37 · #385971
Analogous
#71383C · #6F4E37 · #716C38
Triadic
#6F4E37 · #38714F · #4F3871
Tetradic
#6F4E37 · #3C7138 · #385971 · #6C3871
Split-complementary
#6F4E37 · #38716C · #383C71
Monochromatic
#1B130D · #4F3727 · #6F4E37 · #A47351 · #C19B81
Coffee with white and black text
How to use it in CSS
:root {
--color-coffee: #6F4E37;
--color-coffee-rgb: 111, 78, 55;
}
.elemento {
background-color: var(--color-coffee);
color: #FFFFFF;
}