Hopscotch Color – #afbb42: Codes and Complete Breakdown
By
Published on
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
Triadic colors
Tints or lighter colors
Darker colors
Analogous colors
Monochromatic colors
#afbb42
Hopscotch Color Codes and Information
Here’s a complete breakdown of the color Hopscotch, including its HEX, RGB, HSL, and CMYK values, as well as other information about the color.
| Data Type | Values/Details |
|---|---|
| Hex | #afbb42 |
| RGB | rgb(175,187,66) |
| HSL | hsl(66,47.8%,49.6%) |
| CMYK | 6, 0, 65, 27 |
| HSV | 66, 65, 73 |
| RGB % | 69, 73, 26 |
| XYZ | 36.4, 45, 11.9 |
| LAB | 72.9, -20.1, 57.6 |
| Color Category | Light |
| Color Family | Green |
| Saturation | 65% |
| Temperature | Warm |
| Contrast Ratio Againt White (#ffffff) | 2.1 (fails WCAG AA) |
| Contrast Ratio Againt Black (#000000) | 10.01 (passes WCAG AA) |










