#A5CE8A Light Green

Q: What color is #A5CE8A?

Light Green is #A5CE8A, or #A5CE8A in uppercase notation. In RGB it is rgb(165,206,138), in HSL about hsl(96 41% 67%), and in OKLCH oklch(0.805 0.102 133.5).

Q: What does Light Green symbolize?

It usually stands for energy, warmth and confidence, with a ceremonial edge. Local culture can shift that reading, so check the context.

Q: Where is Light Green used?

You will see it in Campaign landing pages, Editorial cover systems, Product packaging labels, Dashboard status accents, Retail wayfinding signs. It also appears across healthcare, finance, agriculture, outdoor.

Q: Which colors go well with Light Green?

Muted neutrals, deeper steps of the same hue and one metallic accent work well. editorial layouts that need one warm focal point; packaging that should feel appetizing without shouting; interfaces where an accent has to stay legible

Q: How does Light Green affect mood?

It raises perceived energy and draws the eye quickly. Large fields feel intense, so accent use is safer.

Q: Which industries use Light Green?

It is common in healthcare, finance, agriculture, outdoor, particularly where brands want to feel fresh, balanced, healthy, grounded, calm.

Q: What is the history of Light Green?

The pigment story is concrete: Green borrows its authority from foliage and renewal, moving easily from medical clean to deep forest calm. It reads as balance because the eye resolves it without strain.

Q: How should I use Light Green in design?

Give it one focal element, keep body copy neutral and confirm contrast at 1.78 against white and 10.61 against black.

Q: Is Light Green accessible?

Contrast is 1.78 against white (FAIL) and 10.61 against black (AAA). Use it for large text when the level reaches AA.

Color conversion

CMYK profile: Coated FOGRA39 · Formats follow CSS Color 4 naming and WCAG 2.2 contrast rules.

About this color

Light GreenGreendigital color

Growth with a steady pulse

Light Green is #A5CE8A, a Green tone with a clear cultural lineage. Read on its own it belongs to the Green family; read through its digital color roots, it carries a second layer of meaning.

Design tip

Test Light Green (#A5CE8A) on a neutral surface first; a Green accent then looks intentional rather than decorative.

Best use

Give Light Green the single element that must be noticed first, and let the rest of the Green palette support it.

freshbalancedhealthygroundedcalm

Psychology

How it is perceived

freshbalancedhealthygroundedcalm

Psychological effect

Light Green raises the perceived energy of a Green composition and pulls the eye toward action.

Emotional impact

It feels immediate and warm, so it can lift a restrained layout without making it loud.

Symbolism

What it stands for

growthhealth and sustainability

Cultural significance

In digital color settings the shade carries local references, so verify its symbolism before a campaign.

Positive associations

Positive associations lean toward growth, health and sustainability, which is why it appears in invitations and seasonal work.

Use with care

Too much surface area can read as envy or dullness when desaturated too far, so keep it to accents and small fields.

Where it appears

Common design applications

Campaign landing pages: Give Light Green the single element that must be noticed first, and let the rest of the Green palette support it.
Editorial cover systems: Give Light Green the single element that must be noticed first, and let the rest of the Green palette support it.
Product packaging labels: Give Light Green the single element that must be noticed first, and let the rest of the Green palette support it.
Dashboard status accents: Give Light Green the single element that must be noticed first, and let the rest of the Green palette support it.
Retail wayfinding signs: Give Light Green the single element that must be noticed first, and let the rest of the Green palette support it.

Design guidance

How to make it work

Keep saturated fills below about twenty percent of the layout.
Use it for the primary call to action and nothing else.
Check the pairing at small sizes on a neutral background.

Avoid

Do not place it beside clashing neon greens or electric blues.
Never use it for long body text on white.
Avoid gradients that shift its hue into another family.

Brand fit

healthcare, finance, agriculture, outdoor

Brands built on The Caregiver, The Sage use it to signal character before they say a word.

Trend signal

Growth with a steady pulse

Green borrows its authority from foliage and renewal, moving easily from medical clean to deep forest calm. It reads as balance because the eye resolves it without strain.

Pairing

Colors that complete it

#D7ACEEeditorial layouts that need one warm focal point #6E9554interfaces where an accent has to stay legible #91C3FFpackaging that should feel appetizing without shouting

History

Pigments and provenance

Before synthetic dyes, Light Green was matched with mineral and plant pigments, and the Green family depended on sources such as ochre, madder and indigo. Screens now reproduce it more consistently than any single pigment ever could.

Variations

Shades darken and tints lighten while the hue angle stays fixed.

Pro tip: Shades darken and tints lighten while the hue angle stays fixed.

Shades

Darker steps built from the same hue.

0% #A5CE8A 10% #95B97C 20% #84A56E 30% #739061 40% #637C53 50% #536745 60% #425237 70% #323E29 80% #21291C 90% #10150E 100% #000000

Tints

Lighter steps for surfaces and backgrounds.

0% #A5CE8A 10% #AED396 20% #B7D8A1 30% #C0DDAD 40% #C9E2B9 50% #D2E7C5 60% #DBEBD0 70% #E4F0DC 80% #EDF5E8 90% #F6FAF3 100% #FFFFFF

Use cases

Shades → hover, shadows, depth
Tints → highlights, surfaces
Balance → consistent color systems

Design tip

Keep one dominant tone, one supporter and one accent.

Color combinations

Rotate the hue wheel while holding lightness steady.

How to use it

Three moves keep the color readable and deliberate.

Why it works

The perceptual reasoning behind the palette.

Complementary

Opposite the hue wheel; it sharpens the focal color by contrast.

#A5CE8A #D7ACEE

Best use: Calls to action and single-feature highlights

Split-complementary

Two neighbors of the opposite hue; softer than a direct complement.

#A5CE8A #B6B7FF #EEA5D0

Best use: Balanced marketing layouts with two accents

Triadic

Three hues spaced evenly; lively but needs one dominant voice.

#A5CE8A #91C3FF #FAA4AC

Best use: Event identities and playful editorial spreads

Analogous

Neighbors on the wheel; quiet, cohesive and easy to scan.

#CBC373 #A5CE8A #7ED4AD

Best use: Backgrounds, charts and calm product pages

Monochromatic

One hue across lightness steps; disciplined and premium.

#779463 #A5CE8A #BEDCAB

Best use: Design systems, packaging and typographic hierarchy

Tetradic

Two complementary pairs; rich, but requires strict proportion.

#A5CE8A #65D4D2 #D7ACEE #FAA4AC

Best use: Complex dashboards and multi-service brands

Export palette

CSS

:root {
  --color-1: #637C53;
  --color-2: #84A56E;
  --color-3: #A5CE8A;
  --color-4: #B7D8A1;
  --color-5: #C9E2B9;
}

Tailwind

colors: {
  color1: '#637C53',
  color2: '#84A56E',
  color3: '#A5CE8A',
  color4: '#B7D8A1',
  color5: '#C9E2B9',
}

JSON

["#637C53","#84A56E","#A5CE8A","#B7D8A1","#C9E2B9"]

Principles

Balance

Keep one dominant tone, one supporter and one accent.

Contrast

Test body text against both white and black before shipping.

Harmony

Rotate the hue wheel while holding lightness steady.

Color contrast checker

Test body text against both white and black before shipping.

Text color

Background

1.78 :1

FAIL

Quote

Give Light Green the single element that must be noticed first, and let the rest of the Green palette support it.

WCAG contrast

Preview

Aa / Bb

#A5CE8A · Light Green

WCAG contrast standards

WCAG 2.2 sets minimum contrast for text and interface parts. #A5CE8A measures 1.78:1 against white (FAIL) and 10.61:1 against black (AAA). Use the table below to choose the right threshold for the text size.

Level	Normal text	Large text (18pt+ / 14pt bold)	Icons & UI parts
AAA	7 : 1	4.5 : 1	—
AA	4.5 : 1	3 : 1	3 : 1
Fails	< 4.5 : 1	< 3 : 1	< 3 : 1

Large text means 18pt regular or 14pt bold. UI parts need 3:1 against adjacent colors. AA is the common compliance baseline; AAA is enhanced.

Technical formats

Notation across color spaces

HEX

#A5CE8A

CSS Color 4

RGB

165,206,138

sRGB / D65

HSL

96,41,67

HSL

OKLCH

oklch(0.805 0.102 133.5)

perceptual

LAB

78,-26,30

CIE Lab

LCH

78,39,131

CIE LCH

XYZ

42,54,32

CIE XYZ

LUV

78,-20,45

CIE LUV

HWB

96,54,19

CSS HWB

CMYK

20,0,33,19

Practical formats

Ready-to-use values

CSS

color: #A5CE8A;

custom properties

Tailwind

bg-[#A5CE8A] text-[#FFF]

arbitrary value

Android

#FFA5CE8A

ARGB

Flutter

Color(0xFFA5CE8A)

dart:ui

Photoshop

R 165 G 206 B 138 · C 20 M 0 Y 33 K 19

RGB / CMYK

CMYK 20,0,33,19

FOGRA39

Color analysis

Measured color properties

Lightness

0.540

relative luminance · neutral

Contrast

1.78 : 1

vs white · FAIL · neutral

Contrast

10.61 : 1

vs black · AAA · neutral

Hue

96°

saturation 41% · neutral

LCH

78,39,131

lightness 67% · neutral

Delta E

9.5

豆绿 #9CCF9C · neutral

Similar colors

Nearest colors from the full Irodori library, ranked by ΔE.

豆绿 #9CCF9CΔE 9.5 Light Green #8FBC8FΔE 13.3 Light Yellow #BDB76BΔE 20.2 若竹 #6BA24AΔE 21.7 Pale Yellow #EEE8AAΔE 22.4 竹青 #789262ΔE 23.3

Blindness simulator

How it reads with color vision deficiency

How it reads with color vision deficiency · ΔE 9.5