OrangeDarkMuted

Petroleum

#24201D

Contrast at a glance

White text

16.16:1AAA

Black text

1.22:1Fails

Open the contrast checker →

About Petroleum

Petroleum (#24201D) is a dark muted orange. Its RGB value is 36, 32, 29 and its HSL value is 26°, 11%, 13%. White text reads best on it, at a contrast ratio of 16.16: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

#24201D · #1D2124

Analogous

#241D1D · #24201D · #24241D

Triadic

#24201D · #1D2420 · #201D24

Split complementary

#24201D · #1D2424 · #1D1D24

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