YellowMid-toneMuted

Hopscotch

#B1B340

Contrast at a glance

White text

2.24:1Fails

Black text

8.85:1AAA

Open the contrast checker →

About Hopscotch

Hopscotch (#B1B340) is a mid-tone muted yellow. Its RGB value is 177, 179, 64 and its HSL value is 61°, 47%, 48%. Black text reads best on it, at a contrast ratio of 8.85:1 (WCAG AAA). Below are ten tints and shades of Hopscotch, plus complementary, analogous, triadic, and split-complementary palettes built from it.

Tints

Open in Scales →

Shades

Open in Scales →

Harmonies

Complementary

#B1B340 · #4240B3

Analogous

#B37B40 · #B1B340 · #77B340

Triadic

#B1B340 · #40B1B3 · #B340B1

Split complementary

#B1B340 · #4078B3 · #7B40B3

Do more with Hopscotch

Build a palette around it, generate a scale, or check it for accessibility.

Start a palette Generate a scale Check contrast