Petroleum Color – #21211d: Codes and Complete Breakdown

The Petroleum color hex code is #21211d, and it is composed of 13% red, 13% green and 11% blue.

Petroleum is a dark, dull, desaturated, and warm color at 12% saturation. It has a contrast ratio of 16.15:1 against a white background, which passes WCAG AA (Web Content Accessibility Guidelines, Level AA) compliance.

For better visibility, it is recommended to use the Petroleum color (#21211d) against light backgrounds.

Petroleum color

Petroleum Color Shades

Complementary colors

  1. #21211D

  2. #3D3D5C

Triadic colors

  1. #21211D

  2. #3D5C5C

  3. #5C3D5C

Tints or lighter colors

  1. #3C3C35

  2. #57574D

  3. #737365

  4. #8D8D7D

  5. #A5A598

Darker colors

  1. #060605

Analogous colors

  1. #211D1D

  2. #211F1D

  3. #21211D

  4. #1F211D

  5. #1D211D

Monochromatic colors

  1. #15150F

  2. #313127

  3. #4C4C3E

  4. #686855

#21211d

Petroleum Color Codes and Information

Here’s a complete breakdown of the color Petroleum, including its HEX, RGB, HSL, and CMYK values, as well as other information about the color.

Data TypeValues/Details
Hex#21211d
RGBrgb(33,33,29)
HSLhsl(60,6.5%,12.2%)
CMYK0, 0, 12, 87
HSV60, 12, 13
RGB %13, 13, 11
XYZ1.4, 1.5, 1.4
LAB12.6, -0.7, 2.5
Color CategoryDark
Color FamilyBlack
Saturation12%
TemperatureWarm
Contrast Ratio Againt White (#ffffff)16.15 (passes WCAG AA)
Contrast Ratio Againt Black (#000000)1.3 (fails WCAG AA)

Similar Colors to Petroleum Color

  1. #f8f3f6

    abalone color f8f3f6

    Abalone

  2. #b3b299

    alfalfa color b3b299

    Alfalfa

  3. #727a5f

    aceituna picante color 727a5f

    Aceituna Picante

  4. #5a2538

    zinfandel color 5a2538

    Zinfandel

  5. #7cb9e8

    aero color 7cb9e8

    Aero

  6. #8f9e9d

    abyss color 8f9e9d

    Abyss

  7. #e34636

    alizarin color e34636

    Alizarin

  8. #5f563f

    buzzard color 5f563f

    Buzzard

Related Color Shades