← Back to Editor

#C9D185 · #F3F9B8 · #D7F280 · #EBF9DB · #E8FC76

A 5-color palette palette · Complete color analysis and application guide

Scene Recommendations Scene Recommendations

Emotion EMOTION

PassionateDynamic

Industry INDUSTRY

EntertainmentFMCG

UI Context UI CONTEXT

Sale PromoSocial App

Color Details Color Details

#C9D185

Fresh Green · Tan · Sunflower

HEX
#C9D185
RGB
rgb(201, 209, 133)
HSL
hsl(66, 45%, 67%)
HSB
hsb(66, 36%, 82%)
CMYK
cmyk(4%, 0%, 36%, 18%)
Oklch
oklch(83.7% 0.099 113.4)

Traditional「Fresh Green」· Paint「Sunflower」· Creative Lemon Fizz

#F3F9B8

Fresh Green · Bisque · Lemon Cream

HEX
#F3F9B8
RGB
rgb(243, 249, 184)
HSL
hsl(66, 84%, 85%)
HSB
hsb(66, 26%, 98%)
CMYK
cmyk(2%, 0%, 26%, 2%)
Oklch
oklch(96.2% 0.083 112.3)

Traditional「Fresh Green」· Paint「Lemon Cream」· Creative Lemon Fizz

#D7F280

Willow Green · Khaki · Apple Green

HEX
#D7F280
RGB
rgb(215, 242, 128)
HSL
hsl(74, 81%, 73%)
HSB
hsb(74, 47%, 95%)
CMYK
cmyk(11%, 0%, 47%, 5%)
Oklch
oklch(91.7% 0.143 120.3)

Traditional「Willow Green」· Paint「Apple Green」· Creative Mint Breeze

#EBF9DB

Willow Green · Beige · Mint Green

HEX
#EBF9DB
RGB
rgb(235, 249, 219)
HSL
hsl(88, 71%, 92%)
HSB
hsb(88, 12%, 98%)
CMYK
cmyk(6%, 0%, 12%, 2%)
Oklch
oklch(96.4% 0.042 127.7)

Traditional「Willow Green」· Paint「Mint Green」· Creative Mint Breeze

#E8FC76

Fresh Green · Khaki · Sunflower

HEX
#E8FC76
RGB
rgb(232, 252, 118)
HSL
hsl(69, 96%, 73%)
HSB
hsb(69, 53%, 99%)
CMYK
cmyk(8%, 0%, 53%, 1%)
Oklch
oklch(95.0% 0.160 116.6)

Traditional「Fresh Green」· Paint「Sunflower」· Creative Lemon Fizz

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

C9D185
8D85D1

Analogous

D1B285
C9D185
A3D185

Triadic

C9D185
85C9D1
D185C9

Split-Comp.

C9D185
85A3D1
B285D1

Tetradic

C9D185
85D1B2
8D85D1
D185A3

Contrast Matrix WCAG 2.1 Contrast

C9D185
F3F9B8
D7F280
EBF9DB
E8FC76
—
1.5
Fail
1.3
Fail
1.5
Fail
1.4
Fail
1.5
Fail
—
1.1
Fail
1.0
Fail
1.0
Fail
1.3
Fail
1.1
Fail
—
1.1
Fail
1.1
Fail
1.5
Fail
1.0
Fail
1.1
Fail
—
1.0
Fail
1.4
Fail
1.0
Fail
1.1
Fail
1.0
Fail
—
White BG
1.6Fail
1.1Fail
1.2Fail
1.1Fail
1.1Fail
Black BG
12.9AAA
19.1AAA
16.9AAA
19.1AAA
18.6AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

CCCD97
F6F6C8
E3E39C
F1F1E2
F1F196

Deuteranopia

CCCB9C
F5F5CC
E1DFA2
F0EFE4
F0EE9E

Tritanopia

C9A6A9
F3D4D7
D8B1B6
ECE8E9
E9B0B6

Achromatopsia

C6C6C6
F0F0F0
DDDDDD
F1F1F1
E7E7E7

Shades & Tints Shades & Tints

#C9D185

Dark
Light

#F3F9B8

Dark
Light

#D7F280

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #c9d185;
  --color-2: #f3f9b8;
  --color-3: #d7f280;
  --color-4: #ebf9db;
  --color-5: #e8fc76;
}

SCSS

$color-1: #c9d185;
$color-2: #f3f9b8;
$color-3: #d7f280;
$color-4: #ebf9db;
$color-5: #e8fc76;

TAILWIND

colors: {
  'brand-1': '#c9d185',
  'brand-2': '#f3f9b8',
  'brand-3': '#d7f280',
  'brand-4': '#ebf9db',
  'brand-5': '#e8fc76',
}

RGB Array

[201, 209, 133], [243, 249, 184], [215, 242, 128], [235, 249, 219], [232, 252, 118]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #C9D185, #F3F9B8, #D7F280, #EBF9DB, #E8FC76 is ideal for: social media posters, mobile apps, e-commerce promos, health products, baby brands, fresh-style blogs. Vivid colors effectively attract user attention. It is a vibrant and energetic choice among 5-color palettes.

How to use this palette in CSS or frontend projects?

Copy the CSS variables directly: --color-1: #c9d185; --color-2: #f3f9b8; --color-3: #d7f280; --color-4: #ebf9db; --color-5: #e8fc76. LangColor editor supports one-click export to CSS, SCSS, Tailwind, JSON and more. Click the "Export" button to choose your format.

What UI/UX design tips apply to this palette?

Light tones suit backgrounds; use dark colors for body text. Mid-tones work for card backgrounds or dividers to add depth. Use the "Contrast Matrix" tool in LangColor editor to check WCAG accessibility levels for every color pair.

Which industries or brands suit this palette?

This general-style 5-color scheme is especially suited for food & dining, entertainment, kids education, social industries. Bold colors convey vitality and innovation. Click "AI Analysis" in the editor for more detailed brand color suggestions.

🎨 Open this palette in Editor →

Generated by LangColor online color tool · Breaking the barrier between language and color