Primavera #6FA77A

Primavera (#6FA77A) is a mid-tone, soft green with an OKLCH hue of 150°, lightness 0.68 and chroma 0.089. It sits on the transitional side of the color wheel. In practice it behaves as a mid-weight working color for secondary surfaces and editorial blocks.

Color values

HEX#6FA77A
RGBrgb(111, 167, 122)
HSLhsl(132, 24%, 55%)
HSVhsv(132, 34%, 65%)
CMYKcmyk(34%, 0%, 27%, 35%)
CIE Lablab(63.7 -28 17.6)
OKLCHoklch(0.677 0.089 150)

How Primavera behaves under real light

Under warm 2700K interior light Primavera shifts subtly: leans toward yellow; in north-facing or shaded light it is virtually unchanged. Overall drift across common illuminants is small (max ΔE ≈ 1.5), so it is a lighting-stable choice.

Test Primavera in the color lighting simulator — sweep it through daylight, warm 2700K light, 4000K LED, and shade alongside the rest of your palette.

Contrast & accessibility

Against white it measures 2.81:1 and against black 7.48:1, so black text is the stronger pairing. That pairing passes WCAG AA for body text. Avoid white text on this color entirely.

Colors that go with Primavera

Tonal

One color explored: close hues with real lightness and chroma structure, so the palette is the anchor through value rather than a set of colors.

#d2fed9 · #a6d7ae · #6fa77a · #568a61 · #366440 · #174122

Analogous

The anchor's neighbours on the wheel — everything shares an undertone, so the chord carries color without anything having to be muted to get along.

#8accc0 · #78ba9e · #6fa77a · #71905d · #707a45 · #6a6433

Shifted

The mid-gap pairing — sage and mustard, terracotta and olive. A foil rotated 40–65° toward warm or cool: too far to be kin, too near to argue, carried by temperature and a deliberate value offset.

#96bfc2 · #6fa77a · #588661 · #006a70 · #234c2d · #002f32

Contrast

One deliberately opposed voice — a single restrained counterpoint across the wheel, or temperature against temperature where the anchor is too muted to carry a loud opposite.

#c7e7cc · #aebfb1 · #6fa77a · #946390 · #465e4a · #2e3e31

Quiet Support

The anchor as the only color in the room. True neutrals or complement-warmed near-neutrals let it stay dominant.

#f7eff6 · #6fa77a · #758077 · #4e494d · #172119 · #020002

Bright Accent

This color as a ground rather than a subject — its own restraint held across a narrow value band, carrying one saturated voice from the opposite temperature.

#f8eef6 · #d0c5ce · #a497a2 · #2b1d29 · #080108 · #6fa77a

Complementary

The opposite hue on the perceptual wheel, tempered to field strength — warm/cool tension without vibration.

#d9ddb8 · #99bc84 · #6fa77a · #8a4c9b · #3b4271 · #0d082d

Split-complementary

The complement's two neighbours instead of the complement itself — strong contrast with a lower clash risk.

#fdecfb · #6fa77a · #8273a1 · #703449 · #24133c · #050001

Triadic

Three hues spaced evenly around the wheel; the anchor leads and the other two are held at supporting strength.

#edf2ff · #6fa77a · #6c7ba7 · #73362d · #3a0b07 · #00000a

Tetradic

Two complementary pairs offset by 90° — the richest chord, kept usable by a strict lightness hierarchy.

#e6f4ff · #6fa77a · #5482a2 · #653762 · #321600 · #040004

Tints, shades & muted variants

Tints

#83B58C · #98C29F · #ACD0B2 · #C1DEC5 · #D5ECD9

Shades

#588A62 · #416E4A · #2B5334 · #16391F · #03220C

Muted

#79A481 · #82A187 · #8A9D8D

Using Primavera

Its moderate chroma lets it work in mid-size areas — upholstery, secondary UI surfaces, editorial blocks — without overwhelming neighbors. In palettes it pairs most predictably with its tonal ramp and analogous neighbors; reserve the complementary hue for small, deliberate contrast.

Similar colors