Hopscotch is soft, warm-toned shade of mid yellow. It is better contrasting with white. This color combines beautifully with mid blue, red magenta or mid cyan
| Inverse Color | #5044bd |
| Complementary Color | #4d42bb |
| Color Shade: | mid yellow (65.95° hue) |
| Color Temperature: | warm |
| Lightness: | 49.61% (better contrasting with white) |
If you're looking for a similar mid yellow shade, there are some better alternatives to Hopscotch Color. The Pickled Cucumber color for instance is a darker and a bit more vibrant option, however this color has a warm yellow bias. Consider a darker and more soft alternative called Arathi Highlands (#93a344) for more calm effect. Try Biology Experiments as it also a bit more vibrant and energetic.
#4d42bb is the best complementary color to Hopscotch. Mid blue shades generally complement the mid yellow hues best as they are found on the opposite end of the color wheel. The most popular #afbb42 complementary color is Blue Violet, as it offers maximum contrast and grab the viewer's attention.
The analogous palette of orange, mid yellow, and yellow green colors offers a soft combination of similar warm shades. The analogous colors of Celery are #bb8a42 and #72bb42. Thus found on the left and right of #afbb42 on the color wheel with a 30° gap. Consider matching Tussock and Sushi colors as they work well with Hopscotch.
The split-complementary Hopscotch palette consists of #8a42bb and #4272bb colors. They can be found 30° apart on either side of the complementary color (#4d42bb). Try Studio and Steel Blue colors in combination with #afbb42, as they are not as contrasting as a complementary color, hence, giving more hue variety to make your design stand out.
The triadic palette of #afbb42 offers a combination of mid magenta and mid cyan shades and equally high contrast between the three of them. Find triadic colors at the 120° distance from the Hopscotch. Thus Fuchsia Pink and Pelorous giving maximum hue separation to use all three together.
The square color palette of Hopscotch contains three additional colors. Thus, complementary Blue Violet, Ocean Green, and Blush split by 90° on the color wheel. #afbb42 square combo is a palette of mid yellow, green cyan, mid blue and red magenta shades that work together well.
The tetradic palette is a bit more complex than the square and has more of a rectangle shape. Hopscotch tetradic combo consists of mid blue complementary color (#4d42bb) and two others. The Pelorous is positioned 120° clockwise from the primary color and Crail – 120° from the complementary Blue Violet. This palette is not recommended to use as-is. Try to tweak the saturation and brightness of #42afbb and #bb4e42.
In a RGB color space, hex #afbb42 is made of 41% red, 44% green and 15% blue. In a HSL mode Hopscotch has a hue angle of 65.95°, a saturation of 47.83% and a lightness of 49.61%. In a CMYK space (used in printing only), hex #afbb42 is made of 4.7% cyan, 0% magenta, 47.45% yellow and 26.67% black ink.
| HEX | #afbb42 |
| RGB Decimal | rgb(175,187,66) |
| RGB Percentage | 41%, 44%, 15% |
| CMYK | 4.7, 0, 47.45, 26.67 |
| HSL | hsl(65.95,47.83%,49.61%) |
| HSV (or HSB) | hsv(65.95,64.71%,73.33%) |
| CIE-LAB | lab(72.9235,-20.0831,57.616) |
| XYZ | xyz(36.4329,45.048,11.9292) |