Camo #7F8F4E

Camo is a medium-light, moderately saturated yellow with hex code #7F8F4E and RGB rgb(127, 143, 78).

Aa

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

About this color

#7F8F4E is a medium-light, moderately saturated yellow. In OKLCH its lightness is 62%, its chroma 0.091 and its hue 120°. Its hue sits between the warm and cool halves of the wheel. It is the named color Camo. Black text reads best on it, at 5.94:1.

Hue familyYellows
Lightnessmedium-light (62%)
Chromamoderately saturated (0.091)
Temperaturein between
Nearest nameCamo
Black text5.94:1
White text3.53:1

Colors that go with Camo

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

Analogous

Neighbouring hues, 30° either side.

Open the analogous palette in the generator

Color palettes with Camo

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

Similar named colors

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

More about Camo

How to make Camo

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.

  • 1 part orange
  • 1 part green
  • 1 part pink

Recipe result: #7A8F45, a difference of ΔE 0.013 from Camo. That is very close: most people will not see the difference.

What colors make green? | Color mixing chart

Codes for Camo in every format

HEX#7F8F4E
RGBrgb(127, 143, 78)
HSLhsl(75, 29%, 43%)
OKLCHoklch(62.2% 0.091 120.5)

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 #7F8F4E 3.53:1 AA large text Lc -68.4 Content text, not long reading
Black text on #7F8F4E 5.94:1 AA Lc 41.2 Non-text elements, placeholder text
#7F8F4E text on white 3.53:1 AA large text Lc 62.9 Content text, not long reading
#7F8F4E text on black 5.94:1 AA Lc -38.8 Non-text elements, placeholder text

Shades and tints of Camo

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

    #F5F6F2

    oklch(97.1% 0.005 117.9)

  2. Step 100

    100

    #E8EBE2

    oklch(93.5% 0.012 121.7)

  3. Step 200

    200

    #D7DCCA

    oklch(88.6% 0.025 119.5)

  4. Step 300

    300

    #BCC5A6

    oklch(80.8% 0.043 120.5)

  5. Step 400

    400

    #9AA875

    oklch(70.8% 0.072 120.7)

  6. Step 500

    500 (this color)

    #7F8F4E

    oklch(62.2% 0.091 120.5)

  7. Step 600

    600

    #6B7C34

    oklch(55.6% 0.1 120.8)

  8. Step 700

    700

    #5A6826

    oklch(49.1% 0.092 120)

  9. Step 800

    800

    #495521

    oklch(42.7% 0.077 120.6)

  10. Step 900

    900

    #3D4620

    oklch(37.6% 0.06 120.3)

  11. Step 950

    950

    #242914

    oklch(27% 0.037 119.9)

Export this scale for Tailwind in the Tailwind colors tool

Camo 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)#9688490.036
Deuteranopia (no green cones)#9488510.037
Tritanopia (no blue cones)#8489800.077
Achromatopsia (no color)#8888880.091

Use Camo 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.