YellowDarkMuted

Petroleum

#222018

Contrast at a glance

White text

16.31:1AAA

Black text

1.21:1Fails

Open the contrast checker →

About Petroleum

Petroleum (#222018) is a dark muted yellow. Its RGB value is 34, 32, 24 and its HSL value is 48°, 17%, 11%. White text reads best on it, at a contrast ratio of 16.31: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

#222018 · #181A22

Analogous

#221B18 · #222018 · #1F2218

Triadic

#222018 · #182220 · #201822

Split complementary

#222018 · #181F22 · #1B1822

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