YellowDarkMuted

Petroleum

#22221B

Contrast at a glance

White text

16.00:1AAA

Black text

1.24:1Fails

Open the contrast checker →

About Petroleum

Petroleum (#22221B) is a dark muted yellow. Its RGB value is 34, 34, 27 and its HSL value is 60°, 11%, 12%. White text reads best on it, at a contrast ratio of 16.00: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

#22221B · #1B1B22

Analogous

#221E1B · #22221B · #1E221B

Triadic

#22221B · #1B2222 · #221B22

Split complementary

#22221B · #1B1E22 · #1E1B22

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