NeutralDarkMuted

Petroleum

#20201E

Contrast at a glance

White text

16.32:1AAA

Black text

1.21:1Fails

Open the contrast checker →

About Petroleum

Petroleum (#20201E) is a dark neutral. Its RGB value is 32, 32, 30 and its HSL value is 60°, 3%, 12%. White text reads best on it, at a contrast ratio of 16.32:1 (WCAG AAA). Below are ten tints and shades of Petroleum, plus complementary, analogous, triadic, and split-complementary palettes built from it.

Tints

Open in Scales →

Shades

Open in Scales →

Harmonies

Complementary

#20201E · #1E1E20

Analogous

#201F1E · #20201E · #1F201E

Triadic

#20201E · #1E2020 · #201E20

Split complementary

#20201E · #1E1F20 · #1F1E20

Do more with Petroleum

Build a palette around it, generate a scale, or check it for accessibility.

Start a palette Generate a scale Check contrast