YellowMid-toneMuted

Hopscotch

#AFB240

Contrast at a glance

White text

2.27:1Fails

Black text

8.73:1AAA

Open the contrast checker →

About Hopscotch

Hopscotch (#AFB240) is a mid-tone muted yellow. Its RGB value is 175, 178, 64 and its HSL value is 62°, 47%, 47%. Black text reads best on it, at a contrast ratio of 8.73: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

#AFB240 · #4340B2

Analogous

#B27C40 · #AFB240 · #76B240

Triadic

#AFB240 · #40AFB2 · #B240AF

Split complementary

#AFB240 · #4076B2 · #7C40B2

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