← Back to Editor

#DFE673 · #D0DE4B · #879B22 · #DBEA38 · #E3EC79

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

#DFE673

Fresh Green · Khaki · Sunflower

HEX
#DFE673
RGB
rgb(223, 230, 115)
HSL
hsl(64, 70%, 68%)
HSB
hsb(64, 50%, 90%)
CMYK
cmyk(3%, 0%, 50%, 10%)
Oklch
oklch(89.6% 0.139 112.0)

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

#D0DE4B

Autumn Sage · GreenYellow · Sunflower

HEX
#D0DE4B
RGB
rgb(208, 222, 75)
HSL
hsl(66, 69%, 58%)
HSB
hsb(66, 66%, 87%)
CMYK
cmyk(6%, 0%, 66%, 13%)
Oklch
oklch(86.3% 0.167 114.6)

Traditional「Autumn Sage」· Paint「Sunflower」· Creative Blush Sunrise

#879B22

Grass Green · Olive · Forest Green

HEX
#879B22
RGB
rgb(135, 155, 34)
HSL
hsl(70, 64%, 37%)
HSB
hsb(70, 78%, 61%)
CMYK
cmyk(13%, 0%, 78%, 39%)
Oklch
oklch(65.2% 0.141 119.0)

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

#DBEA38

Autumn Sage · GreenYellow · Sunflower

HEX
#DBEA38
RGB
rgb(219, 234, 56)
HSL
hsl(65, 81%, 57%)
HSB
hsb(65, 76%, 92%)
CMYK
cmyk(6%, 0%, 76%, 8%)
Oklch
oklch(89.7% 0.187 114.5)

Traditional「Autumn Sage」· Paint「Sunflower」· Creative Blush Sunrise

#E3EC79

Fresh Green · Khaki · Sunflower

HEX
#E3EC79
RGB
rgb(227, 236, 121)
HSL
hsl(65, 75%, 70%)
HSB
hsb(65, 49%, 93%)
CMYK
cmyk(4%, 0%, 49%, 7%)
Oklch
oklch(91.3% 0.139 112.8)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

DFE673
7C74E7

Analogous

E7B574
DFE673
A6E774

Triadic

DFE673
74DFE7
E774DF

Split-Comp.

DFE673
74A6E7
B574E7

Tetradic

DFE673
74E7B5
7C74E7
E774A6

Contrast Matrix WCAG 2.1 Contrast

DFE673
D0DE4B
879B22
DBEA38
E3EC79
—
1.1
Fail
2.3
Fail
1.0
Fail
1.1
Fail
1.1
Fail
—
2.1
Fail
1.1
Fail
1.2
Fail
2.3
Fail
2.1
Fail
—
2.3
Fail
2.5
Fail
1.0
Fail
1.1
Fail
2.3
Fail
—
1.0
Fail
1.1
Fail
1.2
Fail
2.5
Fail
1.0
Fail
—
White BG
1.3Fail
1.5Fail
3.1AA Large
1.3Fail
1.3Fail
Black BG
15.7AAA
14.2AAA
6.7AA
15.8AAA
16.5AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

E2E28F
D6D66F
90903F
E1E263
E7E795

Deuteranopia

E2E196
D5D477
8F8D46
E1E06D
E6E69C

Tritanopia

DFA5AA
D18B91
88565B
DC858D
E3ABB0

Achromatopsia

D7D7D7
C9C9C9
878787
D1D1D1
DCDCDC

Shades & Tints Shades & Tints

#DFE673

Dark
Light

#D0DE4B

Dark
Light

#879B22

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #dfe673;
  --color-2: #d0de4b;
  --color-3: #879b22;
  --color-4: #dbea38;
  --color-5: #e3ec79;
}

SCSS

$color-1: #dfe673;
$color-2: #d0de4b;
$color-3: #879b22;
$color-4: #dbea38;
$color-5: #e3ec79;

TAILWIND

colors: {
  'brand-1': '#dfe673',
  'brand-2': '#d0de4b',
  'brand-3': '#879b22',
  'brand-4': '#dbea38',
  'brand-5': '#e3ec79',
}

RGB Array

[223, 230, 115], [208, 222, 75], [135, 155, 34], [219, 234, 56], [227, 236, 121]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #DFE673, #D0DE4B, #879B22, #DBEA38, #E3EC79 is ideal for: social media posters, mobile apps, e-commerce promos. 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: #dfe673; --color-2: #d0de4b; --color-3: #879b22; --color-4: #dbea38; --color-5: #e3ec79. 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. 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