Hopscotch Color – #afbb42: Codes and Complete Breakdown

The Hopscotch color hex code is #afbb42, and it is composed of 69% red, 73% green and 26% blue.

Hopscotch is a light, bright, and cool color at 65% saturation. It has a contrast ratio of 2.1:1 against a white background, which fails WCAG AA (Web Content Accessibility Guidelines, Level AA) compliance.

For better visibility, it is recommended to use the Hopscotch color (#afbb42) against dark backgrounds.

Hopscotch Color Shades

Complementary colors

1. #AFBB42

2. #4E42BB

Triadic colors

1. #AFBB42

2. #42AFBB

3. #BB42AF

Tints or lighter colors

1. #BFC967

2. #CFD78C

3. #DFE4B2

4. #EFF1D8

5. #FEFEFD

Darker colors

1. #8C9535

2. #687027

3. #454A1A

4. #22240D

Analogous colors

1. #BB4E42

2. #BB8B42

3. #AFBB42

4. #72BB42

5. #42BB4E

Monochromatic colors

1. #859021

2. #A6B330

3. #BCC84E

4. #C7D07A

5. #D4DAA3