Color Coffee brown (#6f4e37):
HEX, RGB color codes for HTML and CSS
The Comprehensive Guide to Coffee brown (#6f4e37):
Its Meaning and Harmonious Color Matches in Design.
Hue Family:
browns
browns Family:
neutral
Saturation:
moderately saturated
Tones:
colorful tone
Shade:
medium
Temperature:
warm
Chromaticity:
chromatic
Chroma:
medium chroma
Color Information about Coffee / #6f4e37
The HTML HEX code is #6f4e37. The corresponding color name is "Coffee". In RGB values (additive color space used for Digital Displays), this HEX code translates to Red (R): 111%, Green (G): 78%, Blue (B): 55%. In the CMYK color model (subtractive color model used in printing), it is represented by Cyan (C): 0%, Magenta (M): 30%, Yellow (Y):50%, Black (K): 56%. In the HSL color space, #6f4e37 has a hue of 25°, saturation of 34%, and lightness of 33%. The HSV representation is 25° for hue, 50% for saturation, and 44% for value.
In the CIE-LAB color space, the color is denoted by L* (lightness) = 36, a* (green to red) = 11, and b* (blue to yellow) = 19. The XYZ representation is X: 10, Y: 9, Z: 5. In the YUV color space, it translates to Y (luminance) = 0.3343, U (chrominance) = -0.0584, and V (chrominance) = 0.0886.
The decimal value of the color is 7294519. The closest Web-safe HEX code is #666633. Variations of the colour are #B0805E for a 20% lighter version and #2C1F16 for a 20% darker version.
For the color with hex value #6f4e37, the correlated color temperature (CT) is estimated to be 3181 Kelvin (3181K).
The approximate wavelength of #6f4e37 is around 650.00nm.
VALUE | CSS | |
---|---|---|
HEX Code | 6f4e37 | #6f4e37 |
RGB Decimal Code | 111, 78, 55 | rgb(111, 78, 55) |
CMYK | 0, 30, 50, 56 | / |
HSL | 25°, 34%, 33% | hsl(25°, 34%, 33%) |
HSV | 25°, 50%, 44% | / |
CIE-LAB | 36, 11, 19 | / |
XYZ | 10, 9, 5 | / |
YUV | 0.3343, -0.0584, 0.0886 | / |
Decimal value | 7294519 | / |
Web-Safe HEX | 666633 | #666633 |
Color Temperature (CT) | 3181 Kelvin (3181K) | / |
Estimate Wavelength | around 650.00nm | / |
The Depth and Diversity of Coffee (Hex: #6f4e37): Exploring its Impact in Design and Culture
The hex color #6f4e37, named Coffee, resembles the rich hue of freshly brewed espresso. Its deep brown tone evokes the essence of a warm cup of coffee, similar to the color of roasted coffee beans. This color also shares similarities with the earthy tones found in the bark of a tree or the soil in a garden. Like a cup of coffee, this color brings a sense of warmth and coziness, making it a perfect choice for designs that aim to create a comforting and natural atmosphere.
Download Stunning Coffee Wallpapers and Backgrounds
Enhance your devices with our minimalistic yet captivating Coffee Wallpapers, perfectly designed for 4K, 5K, iPhone, and Android screens. Experience a unique aesthetic that brings elegance to your digital life.
Experience Elegance with Coffee 4K Wallpaper
Immerse yourself in the beauty of our Coffee 4K Wallpaper, offering a resolution of 3840px by 2160px. Perfect for high-resolution displays, this wallpaper brings a touch of sophistication to your desktop.
Download Coffee 4K WallpaperTints and Shades of #6f4e37 HEX color (Coffee)
In color theory, tints and shades are essential for understanding the depth and luminosity of colors. A tint is achieved by adding white to a pure hue, lightening its appearance. Conversely, a shade results from blending black with a color, giving it a deeper tone. In the context of #6f4e37, this color stands at the center between its tints and shades. While the tints get progressively lighter moving towards white (#ffffff), the shades deepen towards black (#000000).
- #ffffff
- #DBD3CD
- #B7A79B
- #937A69
- #6f4e37
- #533B29
- #38271C
- #1C140E
- #000000
Tones of Coffee (#6f4e37 HEX color)
A tone is produced by adding gray to any pure hue. In the case of #6f4e37, #766254 is the less saturated color, while #6f4e37 is the most saturated one.
- #766254
- #745d4d
- #725846
- #71533e
- #6f4e37
- #333333
- #262626
- #1a1a1a
- #0d0d0d
HTML Usage Examples
HTML using color code example
<p style="color: #6f4e37;">This is a css example</p>
HTML / CSS Color Name using W3C
W3C HTML / CSS Color Name doesn't exist for #6f4e37.
CSS color code example
p { color: #6f4e37; }
Text with hexadecimal color #6f4e37
This is a sample text with color #6f4e37.
Background Color with #6f4e37
This is a example with background color #6f4e37.
Border Color with #6f4e37
#6f4e37 Color Preview on White (#ffffff) Background
This is a example of text with color #6f4e37 on white background.
#6f4e37 Color Preview on Black (#000000) Background
This is a example of text with color #6f4e37 on black background.
CSS codes examples
.text {color:#6f4e37;}
.background {background-color:#6f4e37;}
.border {border:1px solid #6f4e37;}