Color Warm Copper red-orange (#b97254):
HEX, RGB color codes for HTML and CSS

The Comprehensive Guide to Warm Copper red-orange (#b97254):
Its Meaning and Harmonious Color Matches in Design.

Warm Copper is a color with a HTML hex code of #b97254.

Hue Family:
red-oranges

red-oranges Family:
neutral

Saturation:
moderately saturated

Tones:
mid-toned

Shade:
medium

Temperature:
warm

Chromaticity:
chromatic

Chroma:
medium chroma

Color Information about Warm Copper / #b97254

The HTML HEX code is #b97254. The corresponding color name is "Warm Copper". In RGB values (additive color space used for Digital Displays), this HEX code translates to Red (R): 185%, Green (G): 114%, Blue (B): 84%. In the CMYK color model (subtractive color model used in printing), it is represented by Cyan (C): 0%, Magenta (M): 38%, Yellow (Y):55%, Black (K): 27%. In the HSL color space, #b97254 has a hue of 18°, saturation of 42%, and lightness of 53%. The HSV representation is 18° for hue, 55% for saturation, and 73% for value.

In the CIE-LAB color space, the color is denoted by L* (lightness) = 55, a* (green to red) = 25, and b* (blue to yellow) = 28. The XYZ representation is X: 28, Y: 23, Z: 11. In the YUV color space, it translates to Y (luminance) = 0.5169, U (chrominance) = -0.0923, and V (chrominance) = 0.1830.

The decimal value of the color is 12153428. The closest Web-safe HEX code is #CC6666. Variations of the colour are #D7AF9D for a 20% lighter version and #774631 for a 20% darker version.

For the color with hex value #b97254, the correlated color temperature (CT) is estimated to be 2555 Kelvin (2555K).

The approximate wavelength of #b97254 is around 664.00nm.

VALUECSS
HEX Codeb97254#b97254
RGB Decimal Code185, 114, 84rgb(185, 114, 84)
CMYK0, 38, 55, 27/
HSL18°, 42%, 53%hsl(18°, 42%, 53%)
HSV18°, 55%, 73%/
CIE-LAB55, 25, 28/
XYZ 28, 23, 11/
YUV0.5169, -0.0923, 0.1830/
Decimal value12153428/
Web-Safe HEXCC6666#CC6666
Color Temperature (CT)2555 Kelvin (2555K)/
Estimate Wavelengtharound 664.00nm/

The Depth and Diversity of Warm Copper (Hex: #b97254): Exploring its Impact in Design and Culture

Warm Copper (#b97254) is a rich, earthy color reminiscent of the autumnal hues found in a forest. It exudes warmth and depth, much like the rustling leaves in a crisp breeze. This color is akin to the bark of a majestic oak tree, weathered and textured. It also evokes the lustrous and comforting tones of a steaming cup of freshly brewed coffee. Warm Copper brings to mind the rustic charm of a vintage penny, displaying its rustic beauty. With its organic allure, this color is an ideal choice for embracing natural elements and creating a cozy ambiance.

Download Stunning Warm Copper Wallpapers and Backgrounds

Enhance your devices with our minimalistic yet captivating Warm Copper Wallpapers, perfectly designed for 4K, 5K, iPhone, and Android screens. Experience a unique aesthetic that brings elegance to your digital life.

Experience Elegance with Warm Copper 4K Wallpaper

Immerse yourself in the beauty of our Warm Copper 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 Warm Copper 4K Wallpaper

Tints and Shades of #b97254 HEX color (Warm Copper)

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 #b97254, 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
  • #EEDCD4
  • #DCB9AA
  • #CB957F
  • #b97254
  • #8B563F
  • #5D392A
  • #2E1D15
  • #000000

Tones of Warm Copper (#b97254 HEX color)

A tone is produced by adding gray to any pure hue. In the case of #b97254, #a27866 is the less saturated color, while #b97254 is the most saturated one.

  • #a27866
  • #a87661
  • #ae755d
  • #b37358
  • #b97254
  • #4f433f
  • #473934
  • #3e2f29
  • #36251e

HTML Usage Examples

HTML using color code example

<p style="color: #b97254;">This is a css example</p>

HTML / CSS Color Name using W3C

W3C HTML / CSS Color Name doesn't exist for #b97254.

CSS color code example

p { color: #b97254; }

Text with hexadecimal color #b97254

This is a sample text with color #b97254.

Background Color with #b97254

This is a example with background color #b97254.

Border Color with #b97254

This is a example of a border with #b97254.

#b97254 Color Preview on White (#ffffff) Background

This is a example of text with color #b97254 on white background.

#b97254 Color Preview on Black (#000000) Background

This is a example of text with color #b97254 on black background.

CSS codes examples

.text {color:#b97254;}
.background {background-color:#b97254;}
.border {border:1px solid #b97254;}

Complementary Color

#b97254
#559BB9

Analogous Colors

#9C4052
#9C4440
#C87D79
#B97355
#C8A579
#9C7240
#9C8940

Split Complementary Colors

#55B9A5
#B97355
#5569B9

Triadic Colors

#55B973
#B97355
#7355B9

Tetradic Colors

#69B955
#559BB9
#A555B9