Color Petrol Green cyan (#549b8c):
HEX, RGB color codes for HTML and CSS

The Comprehensive Guide to Petrol Green cyan (#549b8c):
Its Meaning and Harmonious Color Matches in Design.

Petrol Green is a color with a HTML hex code of #549b8c.

Hue Family:
cyans

cyans Family:
neutral

Saturation:
moderately saturated

Tones:
mid-toned

Shade:
medium

Temperature:
neutral

Chromaticity:
chromatic

Chroma:
medium chroma

Color Information about Petrol Green / #549b8c

The HTML HEX code is #549b8c. The corresponding color name is "Petrol Green". In RGB values (additive color space used for Digital Displays), this HEX code translates to Red (R): 84%, Green (G): 155%, Blue (B): 140%. In the CMYK color model (subtractive color model used in printing), it is represented by Cyan (C): 46%, Magenta (M): 0%, Yellow (Y):10%, Black (K): 39%. In the HSL color space, #549b8c has a hue of 167°, saturation of 30%, and lightness of 47%. The HSV representation is 167° for hue, 46% for saturation, and 61% for value.

In the CIE-LAB color space, the color is denoted by L* (lightness) = 59, a* (green to red) = -26, and b* (blue to yellow) = 1. The XYZ representation is X: 20, Y: 27, Z: 29. In the YUV color space, it translates to Y (luminance) = 0.5179, U (chrominance) = 0.0153, and V (chrominance) = -0.1654.

The decimal value of the color is 5544844. The closest Web-safe HEX code is #669999. Variations of the colour are #92C4B9 for a 20% lighter version and #305A51 for a 20% darker version.

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

The approximate wavelength of #549b8c is around 506.50nm.

VALUECSS
HEX Code549b8c#549b8c
RGB Decimal Code84, 155, 140rgb(84, 155, 140)
CMYK46, 0, 10, 39/
HSL167°, 30%, 47%hsl(167°, 30%, 47%)
HSV167°, 46%, 61%/
CIE-LAB59, -26, 1/
XYZ 20, 27, 29/
YUV0.5179, 0.0153, -0.1654/
Decimal value5544844/
Web-Safe HEX669999#669999
Color Temperature (CT)8856 Kelvin (8856K)/
Estimate Wavelengtharound 506.50nm/

The Depth and Diversity of Petrol Green (Hex: #549b8c): Exploring its Impact in Design and Culture

Petrol Green (#549b8c) is a cool, sophisticated color that resembles the deep greenish-blue shade of petrol or gasoline. Its similarities can be drawn to elements found in nature, such as the depths of a tranquil ocean, where lush underwater flora and fauna thrive. It also shares resemblances with the velvety, dark green leaves of tropical rainforest plants, presenting a sense of tranquility and harmony. Petrol Green exudes a calm yet captivating energy, similar to the serenity of a hidden emerald oasis in a vast desert.

Download Stunning Petrol Green Wallpapers and Backgrounds

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

Experience Elegance with Petrol Green 4K Wallpaper

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

Tints and Shades of #549b8c HEX color (Petrol Green)

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 #549b8c, 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
  • #D4E6E2
  • #AACDC6
  • #7FB4A9
  • #549b8c
  • #3F7469
  • #2A4E46
  • #152723
  • #000000

Tones of Petrol Green (#549b8c HEX color)

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

  • #669087
  • #619388
  • #5d968a
  • #58988b
  • #549b8c
  • #3a413f
  • #2f3734
  • #232c2a
  • #18221f

HTML Usage Examples

HTML using color code example

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

HTML / CSS Color Name using W3C

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

CSS color code example

p { color: #549b8c; }

Text with hexadecimal color #549b8c

This is a sample text with color #549b8c.

Background Color with #549b8c

This is a example with background color #549b8c.

Border Color with #549b8c

This is a example of a border with #549b8c.

#549b8c Color Preview on White (#ffffff) Background

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

#549b8c Color Preview on Black (#000000) Background

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

CSS codes examples

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

Complementary Color

#549b8c
#9C5463

Analogous Colors

#427B52
#427B60
#70B294
#549C8C
#70B0B2
#42797B
#426B7B

Split Complementary Colors

#9C5487
#549C8C
#9C6854

Triadic Colors

#8C549C
#549C8C
#9C8C54

Tetradic Colors

#68549C
#9C5463
#879C54