Grass Green#3F9B0B, a vivid green

At a glanceGrass Green is #3F9B0B, oklch(61.0% 0.185 138.2), a vivid green. Its hue sits mid-wheel, neither warm nor cool. Pair it with a warm vivid fuchsia #E35ECF as an accent, a cool bright aqua #7AE5E6 for harmony, and a pastel teal #C0CCBC as a neutral. Put it to work as a screen-first brand or accent color, and it takes black text at AA contrast. It shifts further on press than a run can hold, though, so Rhapsody would keep it off print-led brand work.
Color codes

Grass Green in RGB, HSL, OKLCH & more

Ready to ship: every line pastes straight into your codebase, and the whole file copies at once.

3f9b0b.css
:root { /* how your code speaks it */ /* how your eyes measure it */ /* how the lab measures it, D65 2° */}/* tailwind v4 */

ART is Rhapsody's perceptual model. How ART works

Color family

What kind of green is Grass Green?

Every color has a place in the standard vocabulary. This is Grass Green's, measured rather than asserted.

Grass Green's Munsell numbers: hue 8.4GY, value 5.5 (how light), chroma 11.7 (how vivid). That places it in ISCC-NBS block vivid yellowish green, one of 267 named ranges the standard sorts every color into. Chroma 11.7 is moderate. Clearly colored, but not so saturated it fights the colors around it.

There's still some room before it hits the edge of what your screen can show for this hue. It could go a little more saturated and stay in gamut.

Munsell coordinates and block from the ISCC-NBS system, computed by Rhapsody's own renotation inversion.

Tints & shades

Shades of Grass Green, lighter and darker

For hover states, washed backgrounds, and dark surfaces that still read as #3F9B0B. 13 steps, spaced evenly by eye, with the color itself sitting at its natural depth, grass-green-700.

Tints (light surfaces; dark text passes on every one)

Midtones (the color at full strength, for brand & accent work)

Shades (dark surfaces; light text passes on every one)

Rhapsody Palette

Most tools mix. Rhapsody measures.

Paste any color. The whole system comes back, contrast-checked before you see it.

Build your palette free

The window on the right was generated from #3F9B0B, like this whole page.

Accessibility

Is Grass Green accessible? Contrast with white & black

Strong contrast makes your work readable by everyone, and meets the WCAG standard accessibility law points at. AA is the floor; AAA is the tier worth aiming for in body text. Black text on #3F9B0B passes AA. For AAA, use its scale. Every strip below is one surface, and the marks are the steps that reach AAA on it.

Rows are text, columns are background · 72 of 210 pairings reach WCAG 2.2 AAA, shown here.

Rhapsody Palette

Ship the audit, not screenshots.

Run #3F9B0B against the colors you actually ship, every pairing and any target, and export it: exact ratios, the AA tier, APCA, in one file.

Get the full audit

The audit on the right was calibrated from #3F9B0B, like this whole page.

Print

Grass Green in CMYK: one value for files, one per press

This color shifts further than a press run can hold, so expect a visible difference. The pairs below show where each standard lands.

In CMYK, #3F9B0B is . That is the value design tools and file formats use when no press is involved.

On press (what each standard prints)

CGATS21 CRPC1 (coldset news) shifts on press
on screenon press

shifts ΔE00 13.9, 5.5× the 2.5 a run varies by

GRACoL 2013 Uncoated (CRPC3) shifts on press
on screenon press

shifts ΔE00 9.8, 3.9× the 2.5 a run varies by

GRACoL 2013 (CRPC6) shifts on press
on screenon press

shifts ΔE00 4.1, 1.6× the 2.5 a run varies by

PSO Coated v3 (FOGRA51) shifts on press
on screenon press

shifts ΔE00 3.9, 1.6× the 2.5 a run varies by

Coated FOGRA39 shifts on press
on screenon press

shifts ΔE00 3.9, 1.6× the 2.5 a run varies by

Japan Color 2011 Coated shifts on press
on screenon press

shifts ΔE00 4.8, 1.9× the 2.5 a run varies by

APTEC Flexo Coated shifts on press
on screenon press

shifts ΔE00 3.2, 1.3× the 2.5 a run varies by

CGATS21 CRPC7 (extended gamut) within tolerance
on screenon press

shifts ΔE00 2.4, under the 2.5 a press run varies by

Press values computed through the ICC characterization data each standard proofs against. Each CMYK above is the closest that standard can get.

Rhapsody Converter · coming soon

No surprises at the printer.

Run any color through the major press standards: FOGRA51, GRACoL, Japan Color, FOGRA39. It's coming soon. Create a free account and you'll get a note the moment it's live.

Create a free account

The strip shows this page's tints and shades on screen, then through a standard GRACoL 2013 conversion.

The Grass Greens

Colors similar to Grass Green

Grass green is the reference green — lawn, field, the color a child draws. It reads simple, healthy, and direct.

Here are other colors similar to Grass Green along with accessible text pairings and whether or not they're print-safe. Explore The Greens

Grassy GreenGrassy Green#419C03black text · AA✕ shifts on press
Irish GreenIrish Green#019529black text · AA✕ shifts on press
True GreenTrue Green#089404black text · AA✕ shifts on press
Kelly GreenKelly Green#02AB2Eblack text · AA! within tolerance
Emerald GreenEmerald Green#028F1Eblack text · AA✕ shifts on press
Medium GreenMedium Green#39AD48black text · AAA! within tolerance
ShamrockShamrock#01B44Cblack text · AAA✕ shifts on press
Leafy GreenLeafy Green#51B73Bblack text · AAA✕ shifts on press
GreenGreen#008000white text · AA✕ shifts on press
Frog GreenFrog Green#58BC08black text · AAA✕ shifts on press
Shamrock GreenShamrock Green#02C14Dblack text · AAA✕ shifts on press
Algae GreenAlgae Green#21C36Fblack text · AAA✕ shifts on press
Lime GreenLime Green#32CD32black text · AAA✕ shifts on press
AppleApple#6ECB3Cblack text · AAA✕ shifts on press
SeaweedSeaweed#18D17Bblack text · AAA✕ shifts on press
MalachiteMalachite#0BDA51black text · AAA✕ shifts on press
Fresh GreenFresh Green#69D84Fblack text · AAA✕ shifts on press
Tealish GreenTealish Green#0CDC73black text · AAA✕ shifts on press
Vibrant GreenVibrant Green#0ADD08black text · AAA✕ shifts on press
Green AppleGreen Apple#5EDC1Fblack text · AAA✕ shifts on press
Toxic GreenToxic Green#61DE2Ablack text · AAA✕ shifts on press
Lightish GreenLightish Green#61E160black text · AAA✕ shifts on press
Weird GreenWeird Green#3AE57Fblack text · AAA✕ shifts on press
Vivid GreenVivid Green#2FEF10black text · AAA✕ shifts on press
Turquoise GreenTurquoise Green#04F489black text · AAA✕ shifts on press
Minty GreenMinty Green#0BF77Dblack text · AAA✕ shifts on press
SpearmintSpearmint#1EF876black text · AAA✕ shifts on press
WintergreenWintergreen#20F986black text · AAA✕ shifts on press
Radioactive GreenRadioactive Green#2CFA1Fblack text · AAA✕ shifts on press
Electric GreenElectric Green#21FC0Dblack text · AAA✕ shifts on press
Highlighter GreenHighlighter Green#1BFC06black text · AAA✕ shifts on press
Bright Light GreenBright Light Green#2DFE54black text · AAA✕ shifts on press
Light Neon GreenLight Neon Green#4EFD54black text · AAA✕ shifts on press
MarineMarine#00FF72black text · AAA✕ shifts on press
Spring GreenSpring Green#00FF7Fblack text · AAA✕ shifts on press
SeafoamSeafoam#00FF50black text · AAA✕ shifts on press
JadeJade#00FF8Dblack text · AAA✕ shifts on press
Poison GreenPoison Green#40FD14black text · AAA✕ shifts on press
Light Bright GreenLight Bright Green#53FE5Cblack text · AAA✕ shifts on press
Hot GreenHot Green#25FF29black text · AAA✕ shifts on press
Light Grass GreenLight Grass Green#9AF764black text · AAA✕ shifts on press
Bright GreenBright Green#01FF07black text · AAA✕ shifts on press
Fluorescent GreenFluorescent Green#08FF08black text · AAA✕ shifts on press
Neon GreenNeon Green#0CFF0Cblack text · AAA✕ shifts on press
Fluro GreenFluro Green#0AFF02black text · AAA✕ shifts on press
Lighter GreenLighter Green#75FD63black text · AAA✕ shifts on press
HarlequinHarlequin#3FFF00black text · AAA✕ shifts on press
Screamin' GreenScreamin' Green#66FF66black text · AAA✕ shifts on press
Lawn GreenLawn Green#7CFC00black text · AAA✕ shifts on press
Bright Lime GreenBright Lime Green#65FE08black text · AAA✕ shifts on press
KijaniKijani#61FF00black text · AAA✕ shifts on press
LightgreenLightgreen#76FF7Bblack text · AAA✕ shifts on press
Bright LimeBright Lime#87FD05black text · AAA✕ shifts on press
Easter GreenEaster Green#8CFD7Eblack text · AAA✕ shifts on press
ChartreuseChartreuse#89FF00black text · AAA✕ shifts on press
Pairings

Colors that go with Grass Green

The complementary color, straight across the wheel, is a vivid purple #A04FD3. Rhapsody's pick is the split complement, just to one side of it, a livelier pair.

The accent is for the moments that need attention, the harmony for the ones that need calm; the neutral carries the text and surfaces in between.

Downloads

Take Grass Green with you

The work on this page doesn't stay here. Save a card and the color arrives in your file, your deck or your board already decided.

Grass Green color codes: hex #3F9B0B, RGB, HSL, CMYK, and OKLCH, from Rhapsody
Paste it anywhere without coming back for it.
The full tonal scale of Grass Green, 13 steps from light to dark with every hex, from Rhapsody
Reach for the right depth instead of the one you have.
Grass Green paired with a warm vivid fuchsia #E35ECF, a cool bright aqua #7AE5E6, a pastel teal #C0CCBC: hex values and roles, from Rhapsody
Open a palette that already works together.
One free account

Your system is already built.

Rhapsody built it before you even asked: the scale, the neutrals, the utilities, every pairing calibrated.

This page's whole theme is built from one color. Palette does the same for yours: every step calibrated, every pairing checked, press included.

Every color on this page was calibrated, not mixed.

One email, when there is something to say. We’ll send a link to confirm · Privacy