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.
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.
VALUE | CSS | |
---|---|---|
HEX Code | 549b8c | #549b8c |
RGB Decimal Code | 84, 155, 140 | rgb(84, 155, 140) |
CMYK | 46, 0, 10, 39 | / |
HSL | 167°, 30%, 47% | hsl(167°, 30%, 47%) |
HSV | 167°, 46%, 61% | / |
CIE-LAB | 59, -26, 1 | / |
XYZ | 20, 27, 29 | / |
YUV | 0.5179, 0.0153, -0.1654 | / |
Decimal value | 5544844 | / |
Web-Safe HEX | 669999 | #669999 |
Color Temperature (CT) | 8856 Kelvin (8856K) | / |
Estimate Wavelength | around 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 WallpaperTints 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
#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;}