colors
Back to gallery

Useful Arugula

#d1ec95
Notes

Useful Arugula (#D1EC95) is a soft lime with a cool character. It leans cool, sitting on the blue, green, and violet side of the wheel. Quiet and dependable, a fit for product UI and data visualization. Its HSL profile (79°, 70%, 75%) places it in the balanced band at a light lightness. It works as a background wash, large-area fill, or soft illustration tone. Add a darker ink of the same hue when you need type over it. For a confident two-color system, pair it with its complementary indigo. For something softer, pull in its analogous neighbors on either side of the wheel.

HEX
#d1ec95
RGB
rgb(209, 236, 149)
HSL
hsl(79, 70%, 75%)
HWB
hwb(79 58% 7%)
OKLCH
oklch(90.3% 0.115 122.7)
HSV
hsv(79, 37%, 93%)
LAB
lab(89.73% -22.76 39.30)
LCH
lch(89.73% 45.41 120.07)
CMYK
cmyk(11%, 0%, 37%, 7%)

Etymology

Useful
adjective

Latin ūsus, use — adjectival suffix -ful. As a color modifier, useful implies a clear-and-purpose-serving quality where the hue carries the visual register of helpful-and-supporting design-element. Sits at the crisp-and-functional end of the grid, parallel to practical and serviceable in usage.

Arugula
noun

Eruca vesicaria, the Mediterranean mustard-family green — peppery and bitter, eaten as rocket in British English and rucola in Italian. Arugula color refers to fresh wild arugula leaves: a saturated, slightly muted deep yellow-green with the matte finish of small notched leaves.

Closest matches

The nearest named color in three reference sources, ranked by perceptual distance (ΔE76 in CIELAB). ΔE < 1 is imperceptible to most viewers; ΔE > 10 is clearly different. When two sources point to the same hex they’re merged into one tile; click any to open that color’s page.

Variations

Click any swatch to explore

Harmonies

Accessibility

Color-vision simulation

How this color appears to viewers with the four major color-vision-deficiency types. Computed via the Machado (2009) physiologically-based model. If a tile matches the original, the color reads the same to that viewer.

#d1ec95
Original
#f6e28f
Protanopia
#f2e299
Deuteranopia
#d7e4d6
Tritanopia
#e0e0e0
Achromatopsia
WCAG contrast

The color used as foreground text against pure white and pure black, with the contrast ratio and WCAG 2.1 grade. Aim for AA (4.5:1) for body text and AA Large (3:1) for 18 pt+ headlines; AAA (7:1) is the gold standard for long-form reading surfaces.

The quick brown foxSample body text at normal size. The wcag minimum for body contrast is 4.5:1 (AA) or 7:1 (AAA).
Failon White
1.30:1
The quick brown foxSample body text at normal size. The wcag minimum for body contrast is 4.5:1 (AA) or 7:1 (AAA).
AAAon Black
16.14:1

Related Colors

Canvas