← Back to Editor

#C6C244 · #DCF294 · #FFF9C2 · #FFF64A · #FEC63A

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

#C6C244

Autumn Sage · GoldenRod · Sunflower

HEX
#C6C244
RGB
rgb(198, 194, 68)
HSL
hsl(58, 53%, 52%)
HSB
hsb(58, 66%, 78%)
CMYK
cmyk(0%, 2%, 66%, 22%)
Oklch
oklch(79.4% 0.145 107.5)

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

#DCF294

Willow Green · Khaki · Apple Green

HEX
#DCF294
RGB
rgb(220, 242, 148)
HSL
hsl(74, 78%, 76%)
HSB
hsb(74, 39%, 95%)
CMYK
cmyk(9%, 0%, 39%, 5%)
Oklch
oklch(92.4% 0.121 119.6)

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

#FFF9C2

Fresh Green · Bisque · Lemon Cream

HEX
#FFF9C2
RGB
rgb(255, 249, 194)
HSL
hsl(54, 100%, 88%)
HSB
hsb(54, 24%, 100%)
CMYK
cmyk(0%, 2%, 24%, 0%)
Oklch
oklch(97.4% 0.071 102.4)

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

#FFF64A

Fresh Green · Khaki · Sunflower

HEX
#FFF64A
RGB
rgb(255, 246, 74)
HSL
hsl(57, 100%, 65%)
HSB
hsb(57, 71%, 100%)
CMYK
cmyk(0%, 4%, 71%, 0%)
Oklch
oklch(95.2% 0.182 106.4)

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

#FEC63A

Ginger · SandyBrown · Sunflower

HEX
#FEC63A
RGB
rgb(254, 198, 58)
HSL
hsl(43, 99%, 61%)
HSB
hsb(43, 77%, 100%)
CMYK
cmyk(0%, 22%, 77%, 0%)
Oklch
oklch(85.4% 0.159 85.4)

Traditional「Ginger」· Paint「Sunflower」· Creative Lemon Fizz

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

C6C244
4448C5

Analogous

C58044
C6C244
89C544

Triadic

C6C244
44C5C1
C144C5

Split-Comp.

C6C244
4489C5
8044C5

Tetradic

C6C244
44C580
4448C5
C54489

Contrast Matrix WCAG 2.1 Contrast

C6C244
DCF294
FFF9C2
FFF64A
FEC63A
—
1.5
Fail
1.7
Fail
1.7
Fail
1.2
Fail
1.5
Fail
—
1.1
Fail
1.1
Fail
1.3
Fail
1.7
Fail
1.1
Fail
—
1.1
Fail
1.5
Fail
1.7
Fail
1.1
Fail
1.1
Fail
—
1.4
Fail
1.2
Fail
1.3
Fail
1.5
Fail
1.4
Fail
—
White BG
1.9Fail
1.2Fail
1.1Fail
1.1Fail
1.6Fail
Black BG
11.2AAA
17.2AAA
19.6AAA
18.5AAA
13.4AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

C4C462
E6E6AB
FCFCCF
FBFB74
E6E55C

Deuteranopia

C5C56A
E4E3B0
FDFDD3
FCFC7E
E9ED64

Tritanopia

C67B80
DDBDC1
FFDADC
FF949C
FB777D

Achromatopsia

B5B5B5
E1E1E1
F5F5F5
E5E5E5
C7C7C7

Shades & Tints Shades & Tints

#C6C244

Dark
Light

#DCF294

Dark
Light

#FFF9C2

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #c6c244;
  --color-2: #dcf294;
  --color-3: #fff9c2;
  --color-4: #fff64a;
  --color-5: #fec63a;
}

SCSS

$color-1: #c6c244;
$color-2: #dcf294;
$color-3: #fff9c2;
$color-4: #fff64a;
$color-5: #fec63a;

TAILWIND

colors: {
  'brand-1': '#c6c244',
  'brand-2': '#dcf294',
  'brand-3': '#fff9c2',
  'brand-4': '#fff64a',
  'brand-5': '#fec63a',
}

RGB Array

[198, 194, 68], [220, 242, 148], [255, 249, 194], [255, 246, 74], [254, 198, 58]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #C6C244, #DCF294, #FFF9C2, #FFF64A, #FEC63A 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: #c6c244; --color-2: #dcf294; --color-3: #fff9c2; --color-4: #fff64a; --color-5: #fec63a. 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