NeutralDarkMuted

Petroleum

#22231D

Contrast at a glance

White text

15.84:1AAA

Black text

1.25:1Fails

Open the contrast checker →

About Petroleum

Petroleum (#22231D) is a dark neutral. Its RGB value is 34, 35, 29 and its HSL value is 70°, 9%, 13%. White text reads best on it, at a contrast ratio of 15.84: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

#22231D · #1E1D23

Analogous

#23211D · #22231D · #1F231D

Triadic

#22231D · #1D2223 · #231D22

Split complementary

#22231D · #1D1F23 · #211D23

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