Petroleum is pale, warm-toned shade of warm yellow. It is better contrasting with white. This color combines beautifully with cool blue, warm magenta or warm cyan
| Inverse Color | #dedee2 |
| Complementary Color | #1d1d21 |
| Color Shade: | warm yellow (60° hue) |
| Color Temperature: | warm |
| Lightness: | 12.16% (better contrasting with white) |
If you're looking for a similar warm yellow shade, there are some better alternatives to Petroleum Color. The Green Waterloo color for instance is a lighter and a bit more vibrant option, however this color has a orange bias. Consider a darker and more soft alternative called Glimpse into Space (#121210) for more calm effect. Try Night Green as it also a bit more vibrant and energetic.
#1d1d21 is the best complementary color to Petroleum. Cool blue shades generally complement the warm yellow hues best as they are found on the opposite end of the color wheel. The most popular #21211d complementary color is Shark, as it offers maximum contrast and grab the viewer's attention.
The analogous palette of warm red, warm yellow, and yellow green colors offers a soft combination of similar warm shades. The analogous colors of Log Cabin are #211f1d and #1f211d. Thus found on the left and right of #21211d on the color wheel with a 30° gap. Consider matching Dune and Heavy Metal colors as they work well with Petroleum.
The split-complementary Petroleum palette consists of #1f1d21 and #1d1f21 colors. They can be found 30° apart on either side of the complementary color (#1d1d21). Try Baltic Sea and Shark colors in combination with #21211d, as they are not as contrasting as a complementary color, hence, giving more hue variety to make your design stand out.
The triadic palette of #21211d offers a combination of cool magenta and warm cyan shades and equally high contrast between the three of them. Find triadic colors at the 120° distance from the Petroleum. Thus Thunder and Shark giving maximum hue separation to use all three together.
The square color palette of Petroleum contains three additional colors. Thus, complementary Shark, Heavy Metal, and Thunder split by 90° on the color wheel. #21211d square combo is a palette of warm yellow, cool green, cool blue and warm magenta shades that work together well.
The tetradic palette is a bit more complex than the square and has more of a rectangle shape. Petroleum tetradic combo consists of cool blue complementary color (#1d1d21) and two others. The Shark is positioned 120° clockwise from the primary color and Mine Shaft – 120° from the complementary Shark. This palette is not recommended to use as-is. Try to tweak the saturation and brightness of #1d2121 and #211d1d.
In a RGB color space, hex #21211d is made of 35% red, 35% green and 31% blue. In a HSL mode Petroleum has a hue angle of 60°, a saturation of 6.45% and a lightness of 12.16%. In a CMYK space (used in printing only), hex #21211d is made of 0% cyan, 0% magenta, 1.57% yellow and 87.06% black ink.
| HEX | #21211d |
| RGB Decimal | rgb(33,33,29) |
| RGB Percentage | 35%, 35%, 31% |
| CMYK | 0, 0, 1.57, 87.06 |
| HSL | hsl(60,6.45%,12.16%) |
| HSV (or HSB) | hsv(60,12.12%,12.94%) |
| CIE-LAB | lab(12.6065,-0.9485,2.7083) |
| XYZ | xyz(1.3928,1.4998,1.3785) |