Color Metropolis red-orange (#61584f):
HEX, RGB color codes for HTML and CSS

The Comprehensive Guide to Metropolis red-orange (#61584f):
Its Meaning and Harmonious Color Matches in Design.

Metropolis is a color with a HTML hex code of #61584f.

Hue Family:
red-oranges

red-oranges Family:
neutral-muted

Saturation:
weakly saturated

Tones:
colorful tone

Shade:
dark

Temperature:
warm

Chromaticity:
chromatic

Chroma:
low chroma

Color Information about Metropolis / #61584f

The HTML HEX code is #61584f. The corresponding color name is "Metropolis". In RGB values (additive color space used for Digital Displays), this HEX code translates to Red (R): 97%, Green (G): 88%, Blue (B): 79%. In the CMYK color model (subtractive color model used in printing), it is represented by Cyan (C): 0%, Magenta (M): 9%, Yellow (Y):19%, Black (K): 62%. In the HSL color space, #61584f has a hue of 30°, saturation of 10%, and lightness of 35%. The HSV representation is 30° for hue, 19% for saturation, and 38% for value.

In the CIE-LAB color space, the color is denoted by L* (lightness) = 38, a* (green to red) = 2, and b* (blue to yellow) = 7. The XYZ representation is X: 10, Y: 10, Z: 9. In the YUV color space, it translates to Y (luminance) = 0.3516, U (chrominance) = -0.0206, and V (chrominance) = 0.0252.

The decimal value of the color is 6379599. The closest Web-safe HEX code is #666666. Variations of the colour are #988C81 for a 20% lighter version and #2A2622 for a 20% darker version.

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

The approximate wavelength of #61584f is around 640.00nm.

VALUECSS
HEX Code61584f#61584f
RGB Decimal Code97, 88, 79rgb(97, 88, 79)
CMYK0, 9, 19, 62/
HSL30°, 10%, 35%hsl(30°, 10%, 35%)
HSV30°, 19%, 38%/
CIE-LAB38, 2, 7/
XYZ 10, 10, 9/
YUV0.3516, -0.0206, 0.0252/
Decimal value6379599/
Web-Safe HEX666666#666666
Color Temperature (CT)5118 Kelvin (5118K)/
Estimate Wavelengtharound 640.00nm/

The Depth and Diversity of Metropolis (Hex: #61584f): Exploring its Impact in Design and Culture

The hex color #61584f, named Metropolis, resembles the rich earthy tones found in weathered rocks and rugged terrains. It evokes images of ancient mountains and deep canyons, showcasing a sense of strength and resilience. The color Metropolis captures the essence of natures endurance, much like the solid foundations of cliffs or the enduring spirit of a mighty oak tree.

Download Stunning Metropolis Wallpapers and Backgrounds

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

Experience Elegance with Metropolis 4K Wallpaper

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

Tints and Shades of #61584f HEX color (Metropolis)

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 #61584f, 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
  • #D8D5D3
  • #B0ACA7
  • #89827B
  • #61584f
  • #49423B
  • #312C28
  • #181614
  • #000000

Tones of Metropolis (#61584f HEX color)

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

  • #6d6863
  • #6a645e
  • #676059
  • #645c54
  • #61584f
  • #333333
  • #262626
  • #1a1a1a
  • #0d0d0d

HTML Usage Examples

HTML using color code example

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

HTML / CSS Color Name using W3C

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

CSS color code example

p { color: #61584f; }

Text with hexadecimal color #61584f

This is a sample text with color #61584f.

Background Color with #61584f

This is a example with background color #61584f.

Border Color with #61584f

This is a example of a border with #61584f.

#61584f Color Preview on White (#ffffff) Background

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

#61584f Color Preview on Black (#000000) Background

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

CSS codes examples

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

Complementary Color

#61584f
#505962

Analogous Colors

#463939
#463D39
#7E6D67
#625950
#7E7867
#464339
#464639

Split Complementary Colors

#506262
#625950
#505062

Triadic Colors

#506259
#625950
#595062

Tetradic Colors

#506250
#505962
#625062