← Back to Editor

#727D1A · #9CBD64 · #C4DE56 · #E6F18D · #F8FBDD

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 AppData Visualization

Color Details Color Details

#727D1A

Autumn Sage · Olive · Honey Gold

HEX
#727D1A
RGB
rgb(114, 125, 26)
HSL
hsl(67, 66%, 30%)
HSB
hsb(67, 79%, 49%)
CMYK
cmyk(9%, 0%, 79%, 51%)
Oklch
oklch(56.2% 0.118 116.0)

Traditional「Autumn Sage」· Paint「Honey Gold」· Creative Blush Sunrise

#9CBD64

Grass Green · DarkSeaGreen · Olive Green

HEX
#9CBD64
RGB
rgb(156, 189, 100)
HSL
hsl(82, 40%, 57%)
HSB
hsb(82, 47%, 74%)
CMYK
cmyk(17%, 0%, 47%, 26%)
Oklch
oklch(75.4% 0.122 125.9)

Traditional「Grass Green」· Paint「Olive Green」· Creative Blush Sunrise

#C4DE56

Grass Green · GreenYellow · Olive Green

HEX
#C4DE56
RGB
rgb(196, 222, 86)
HSL
hsl(71, 67%, 60%)
HSB
hsb(71, 61%, 87%)
CMYK
cmyk(12%, 0%, 61%, 13%)
Oklch
oklch(85.5% 0.163 119.1)

Traditional「Grass Green」· Paint「Olive Green」· Creative Blush Sunrise

#E6F18D

Fresh Green · Khaki · Sunflower

HEX
#E6F18D
RGB
rgb(230, 241, 141)
HSL
hsl(67, 78%, 75%)
HSB
hsb(67, 41%, 95%)
CMYK
cmyk(5%, 0%, 41%, 5%)
Oklch
oklch(92.8% 0.124 114.0)

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

#F8FBDD

Fresh Green · Beige · Lemon Cream

HEX
#F8FBDD
RGB
rgb(248, 251, 221)
HSL
hsl(66, 79%, 93%)
HSB
hsb(66, 12%, 98%)
CMYK
cmyk(1%, 0%, 12%, 2%)
Oklch
oklch(97.8% 0.039 111.8)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

727D1A
261A7F

Analogous

7F581A
727D1A
417F1A

Triadic

727D1A
1A737F
7F1A73

Split-Comp.

727D1A
1A417F
581A7F

Tetradic

727D1A
1A7F58
261A7F
7F1A41

Contrast Matrix WCAG 2.1 Contrast

727D1A
9CBD64
C4DE56
E6F18D
F8FBDD
—
2.1
Fail
3.0
Fail
3.7
AA Large
4.3
AA Large
2.1
Fail
—
1.4
Fail
1.8
Fail
2.0
Fail
3.0
Fail
1.4
Fail
—
1.2
Fail
1.4
Fail
3.7
AA Large
1.8
Fail
1.2
Fail
—
1.1
Fail
4.3
AA Large
2.0
Fail
1.4
Fail
1.1
Fail
—
White BG
4.5AA
2.1Fail
1.5Fail
1.2Fail
1.1Fail
Black BG
4.7AA
9.9AAA
13.9AAA
17.3AAA
19.8AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

777732
AAAB7A
CFCF77
EBEBA5
F9F9E4

Deuteranopia

767538
A8A67F
CECC7F
EAE9AB
F9F9E6

Tritanopia

734549
9E8B8E
C59197
E7B8BD
F8EAEB

Achromatopsia

6E6E6E
A9A9A9
C7C7C7
E2E2E2
F7F7F7

Shades & Tints Shades & Tints

#727D1A

Dark
Light

#9CBD64

Dark
Light

#C4DE56

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #727d1a;
  --color-2: #9cbd64;
  --color-3: #c4de56;
  --color-4: #e6f18d;
  --color-5: #f8fbdd;
}

SCSS

$color-1: #727d1a;
$color-2: #9cbd64;
$color-3: #c4de56;
$color-4: #e6f18d;
$color-5: #f8fbdd;

TAILWIND

colors: {
  'brand-1': '#727d1a',
  'brand-2': '#9cbd64',
  'brand-3': '#c4de56',
  'brand-4': '#e6f18d',
  'brand-5': '#f8fbdd',
}

RGB Array

[114, 125, 26], [156, 189, 100], [196, 222, 86], [230, 241, 141], [248, 251, 221]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #727D1A, #9CBD64, #C4DE56, #E6F18D, #F8FBDD is ideal for: social media posters, mobile apps, e-commerce promos, infographics, data visualization, accessible design. Vivid colors effectively attract user attention. High contrast ensures clear visual hierarchy and readability. 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: #727d1a; --color-2: #9cbd64; --color-3: #c4de56; --color-4: #e6f18d; --color-5: #f8fbdd. 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?

Medium-brightness colors suit brand primary and accent colors. Use the darkest for text, lightest for backgrounds, and mid-tones for emphasis. High-contrast palettes naturally meet WCAG accessibility standards. 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