Wasabi Color – #afd77f: Codes and Complete Breakdown
By
Published on
The Wasabi color hex code is #afd77f, and it is composed of 69% red, 84% green and 50% blue.
Wasabi is a light, muted, and cool color at 41% saturation. It has a contrast ratio of 1.63: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 Wasabi color (#afd77f) against dark backgrounds.

Wasabi Color Shades
Complementary colors
Triadic colors
Tints or lighter colors
Darker colors
Analogous colors
Monochromatic colors
#afd77f
Wasabi Color Codes and Information
Here’s a complete breakdown of the color Wasabi, including its HEX, RGB, HSL, and CMYK values, as well as other information about the color.
| Data Type | Values/Details |
|---|---|
| Hex | #afd77f |
| RGB | rgb(175,215,127) |
| HSL | hsl(87,52.4%,67.1%) |
| CMYK | 19, 0, 41, 16 |
| HSV | 87, 41, 84 |
| RGB % | 69, 84, 50 |
| XYZ | 45.8, 59.2, 29.1 |
| LAB | 81.4, -27.8, 39.1 |
| Color Category | Light |
| Color Family | Green |
| Saturation | 41% |
| Temperature | Warm |
| Contrast Ratio Againt White (#ffffff) | 1.63 (fails WCAG AA) |
| Contrast Ratio Againt Black (#000000) | 12.85 (passes WCAG AA) |
Similar Colors to Wasabi Color
#b4c79c

Wasabi Peanut
#bdb38f

Wasabi Powder
#d2cca0

Wasabi Zing
#afd77f

Wasabi
#a9ad74

Wasabi Green
#333300

Wasabi Nori
#849137

Wasabi Nuts
#cae277

Wasabi Paste








