Drab Green #749551

Drab Green is a medium-light, moderately saturated green with hex code #749551 and RGB rgb(116, 149, 81).

Aa

Black text reads best on this color (6.16:1).

About this color

#749551 is a medium-light, moderately saturated green. In OKLCH its lightness is 63%, its chroma 0.102 and its hue 130°. Its hue sits between the warm and cool halves of the wheel. It is the named color Drab Green. Black text reads best on it, at 6.16:1.

Hue familyGreens
Lightnessmedium-light (63%)
Chromamoderately saturated (0.102)
Temperaturein between
Nearest nameDrab Green
Black text6.16:1
White text3.40:1

Colors that go with Drab Green

Matches found by rotating Drab Green around the OKLCH hue wheel, each labelled with the closest name in our list.

Color palettes with Drab Green

Curated color palettes that contain a color within ΔE 0.06 (OKLab) of Drab Green, closest first.

Similar named colors

The eight named colors closest to Drab Green, with their ΔE distance.

More about Drab Green

How to make Drab Green

A starting recipe from common paint colors, found with a spectral paint model (the color mixer’s paint mode). Real pigments vary, so mix a small test batch and adjust.

  • 2 parts green
  • 2 parts pink
  • 1 part orange

Recipe result: #6C9659, a difference of ΔE 0.012 from Drab Green. That is very close: most people will not see the difference.

What colors make green? | Color mixing chart

Codes for Drab Green in every format

HEX#749551
RGBrgb(116, 149, 81)
HSLhsl(89, 30%, 45%)
OKLCHoklch(62.8% 0.102 130.1)

Contrast

WCAG 2 contrast ratios are the conformance target: AA needs 4.5:1 for body text and 3:1 for large text, AAA needs 7:1. APCA Lc values are supplementary guidance from the WCAG 3 drafts.

PairWCAG 2ResultAPCAAPCA guidance
White text on #749551 3.40:1 AA large text Lc -67.0 Content text, not long reading
Black text on #749551 6.16:1 AA Lc 42.5 Non-text elements, placeholder text
#749551 text on white 3.40:1 AA large text Lc 61.5 Content text, not long reading
#749551 text on black 6.16:1 AA Lc -40.2 Non-text elements, placeholder text

Shades and tints of Drab Green

A 50–950 scale built in OKLCH: the hue is held, lightness follows a Tailwind v4-like curve, and every step is kept inside the sRGB gamut. This color sits at step 500.

  1. Step 50

    50

    #F4F6F2

    oklch(97.1% 0.006 128.5)

  2. Step 100

    100

    #E7ECE2

    oklch(93.7% 0.014 128.6)

  3. Step 200

    200

    #D3DDCA

    oklch(88.5% 0.028 129.8)

  4. Step 300

    300

    #B6C8A6

    oklch(81% 0.051 130.3)

  5. Step 400

    400

    #90AB76

    oklch(70.7% 0.08 130.2)

  6. Step 500

    500 (this color)

    #749551

    oklch(62.8% 0.102 130.1)

  7. Step 600

    600

    #5D8035

    oklch(55.6% 0.111 130.2)

  8. Step 700

    700

    #4D6C27

    oklch(49.1% 0.103 129.9)

  9. Step 800

    800

    #3F5822

    oklch(42.7% 0.085 130.1)

  10. Step 900

    900

    #364921

    oklch(37.9% 0.067 130)

  11. Step 950

    950

    #1F2B14

    oklch(27.1% 0.043 131.3)

Export this scale for Tailwind in the Tailwind colors tool

Drab Green with color blindness

Simulated with the Machado et al. (2009) model. ΔE is how far the color moves: below about 0.02 you would not notice a change.

VisionSeen asShift (ΔE)
Protanopia (no red cones)#9B8D4C0.056
Deuteranopia (no green cones)#968A550.057
Tritanopia (no blue cones)#7690850.078
Achromatopsia (no color)#8B8B8B0.102

Use Drab Green in your product

Turn it into light and dark UI roles checked for contrast, then export to Tailwind v4, shadcn/ui, CSS or design tokens.