YellowDarkMuted

Petroleum

#21221A

Contrast at a glance

White text

16.05:1AAA

Black text

1.23:1Fails

Open the contrast checker →

About Petroleum

Petroleum (#21221A) is a dark muted yellow. Its RGB value is 33, 34, 26 and its HSL value is 67°, 13%, 12%. White text reads best on it, at a contrast ratio of 16.05: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

#21221A · #1B1A22

Analogous

#221F1A · #21221A · #1D221A

Triadic

#21221A · #1A2122 · #221A21

Split complementary

#21221A · #1A1D22 · #1F1A22

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