Coffee Brown#6F4E37
Coffee Brown Hex Code: #6F4E37
Coffee Brown is a dark, muted brown. Its OKLCH lightness is 45% and chroma 0.057. Text on this color reads best in white (contrast 7.44:1).
| HEX | #6F4E37 |
|---|---|
| RGB | rgb(111, 78, 55) |
| HSL | hsl(25, 34%, 33%) |
| HSV / HSB | hsv(25, 50%, 44%) |
| CMYK | cmyk(0%, 30%, 50%, 56%) |
| OKLCH | oklch(45.4% 0.057 55.6) |
Contrast
White text7.44:1
AAAA largeAAA
Black text2.82:1
AAAA largeAAA
On white7.44:1
AAAA largeAAA
On black2.82:1
AAAA largeAAA
Tints
#7C5E49#896E5B#967E6D#A38E7F#B09E91#BDAEA3#CABEB5Silver#D7CDC7Light Gray#E4DDD9Gainsboro#F1EDEBLinenShades
Matching colors
Complementary
Analogous
Split complementary
Similar named colors
Code
| CSS | color: #6F4E37; |
|---|---|
| Tailwind | bg-[#6f4e37] |
| SwiftUI | Color(red: 0.435, green: 0.306, blue: 0.216) |
| Android | Color.parseColor("#6F4E37") |
| Flutter | Color(0xFF6F4E37) |
Value from Wikipedia, List of colors (coffee). Names like Coffee Brown are not standardized, so other sources may list a slightly different hex.
Frequently asked questions
What is the hex code for coffee brown?
Coffee Brown is #6F4E37 in hex and rgb(111, 78, 55) in RGB.
What is coffee brown in CMYK?
With the plain conversion formula it is cmyk(0, 30, 50, 56). For print, convert with your printer's ICC profile instead.
What text color works on coffee brown?
White text has the higher contrast at 7.44:1, which passes WCAG AA for normal text (4.5:1).