← Back to Editor

#D9ED55 · #DAF719 · #F7F1C7 · #F2E985 · #FAF100

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

PassionateDynamicWarm

Industry INDUSTRY

EntertainmentFMCG

UI Context UI CONTEXT

Sale PromoSocial App

Color Details Color Details

#D9ED55

Fresh Green · Khaki · Sunflower

HEX
#D9ED55
RGB
rgb(217, 237, 85)
HSL
hsl(68, 81%, 63%)
HSB
hsb(68, 64%, 93%)
CMYK
cmyk(8%, 0%, 64%, 7%)
Oklch
oklch(90.4% 0.174 116.4)

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

#DAF719

Autumn Sage · Yellow · Sunflower

HEX
#DAF719
RGB
rgb(218, 247, 25)
HSL
hsl(68, 93%, 53%)
HSB
hsb(68, 90%, 97%)
CMYK
cmyk(12%, 0%, 90%, 3%)
Oklch
oklch(92.3% 0.211 118.1)

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

#F7F1C7

Fresh Green · Bisque · Lemon Cream

HEX
#F7F1C7
RGB
rgb(247, 241, 199)
HSL
hsl(52, 75%, 87%)
HSB
hsb(52, 19%, 97%)
CMYK
cmyk(0%, 2%, 19%, 3%)
Oklch
oklch(95.2% 0.055 100.6)

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

#F2E985

Fresh Green · Khaki · Sunflower

HEX
#F2E985
RGB
rgb(242, 233, 133)
HSL
hsl(55, 81%, 74%)
HSB
hsb(55, 45%, 95%)
CMYK
cmyk(0%, 4%, 45%, 5%)
Oklch
oklch(92.0% 0.122 104.0)

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

#FAF100

Autumn Sage · Yellow · Honey Gold

HEX
#FAF100
RGB
rgb(250, 241, 0)
HSL
hsl(58, 100%, 49%)
HSB
hsb(58, 100%, 98%)
CMYK
cmyk(0%, 4%, 100%, 2%)
Oklch
oklch(93.5% 0.200 106.9)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

D9ED55
6954ED

Analogous

EDB554
D9ED55
8CED54

Triadic

D9ED55
54D9ED
ED54D9

Split-Comp.

D9ED55
548CED
B554ED

Tetradic

D9ED55
54EDB5
6954ED
ED548C

Contrast Matrix WCAG 2.1 Contrast

D9ED55
DAF719
F7F1C7
F2E985
FAF100
—
1.1
Fail
1.1
Fail
1.0
Fail
1.1
Fail
1.1
Fail
—
1.1
Fail
1.0
Fail
1.0
Fail
1.1
Fail
1.1
Fail
—
1.1
Fail
1.0
Fail
1.0
Fail
1.0
Fail
1.1
Fail
—
1.1
Fail
1.1
Fail
1.0
Fail
1.0
Fail
1.1
Fail
—
White BG
1.3Fail
1.2Fail
1.1Fail
1.3Fail
1.2Fail
Black BG
16.2AAA
17.3AAA
18.4AAA
16.8AAA
17.6AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

E2E27A
E7E74F
F4F4D1
EEEE9D
F6F63A

Deuteranopia

E1DF83
E5E35C
F5F5D4
EFEFA3
F7F748

Tritanopia

DA979D
DB7982
F7D9DB
F2B0B5
FA6872

Achromatopsia

D6D6D6
D5D5D5
EEEEEE
E0E0E0
D8D8D8

Shades & Tints Shades & Tints

#D9ED55

Dark
Light

#DAF719

Dark
Light

#F7F1C7

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #d9ed55;
  --color-2: #daf719;
  --color-3: #f7f1c7;
  --color-4: #f2e985;
  --color-5: #faf100;
}

SCSS

$color-1: #d9ed55;
$color-2: #daf719;
$color-3: #f7f1c7;
$color-4: #f2e985;
$color-5: #faf100;

TAILWIND

colors: {
  'brand-1': '#d9ed55',
  'brand-2': '#daf719',
  'brand-3': '#f7f1c7',
  'brand-4': '#f2e985',
  'brand-5': '#faf100',
}

RGB Array

[217, 237, 85], [218, 247, 25], [247, 241, 199], [242, 233, 133], [250, 241, 0]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #D9ED55, #DAF719, #F7F1C7, #F2E985, #FAF100 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: #d9ed55; --color-2: #daf719; --color-3: #f7f1c7; --color-4: #f2e985; --color-5: #faf100. 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