← Back to Editor

#F2E19B · #EFC979 · #ABB569 · #E66A74 · #C81F53

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

#F2E19B

Goose Yellow · Khaki · Lemon Cream

HEX
#F2E19B
RGB
rgb(242, 225, 155)
HSL
hsl(48, 77%, 78%)
HSB
hsb(48, 36%, 95%)
CMYK
cmyk(0%, 7%, 36%, 5%)
Oklch
oklch(90.8% 0.091 96.1)

Traditional「Goose Yellow」· Paint「Lemon Cream」· Creative Lemon Fizz

#EFC979

Goose Yellow · BurlyWood · Sunflower

HEX
#EFC979
RGB
rgb(239, 201, 121)
HSL
hsl(41, 79%, 71%)
HSB
hsb(41, 49%, 94%)
CMYK
cmyk(0%, 16%, 49%, 6%)
Oklch
oklch(85.2% 0.108 84.8)

Traditional「Goose Yellow」· Paint「Sunflower」· Creative Lemon Fizz

#ABB569

Autumn Sage · DarkSeaGreen · Sunflower

HEX
#ABB569
RGB
rgb(171, 181, 105)
HSL
hsl(68, 34%, 56%)
HSB
hsb(68, 42%, 71%)
CMYK
cmyk(6%, 0%, 42%, 29%)
Oklch
oklch(74.8% 0.100 115.0)

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

#E66A74

Peach Pink · LightCoral · Coral Red

HEX
#E66A74
RGB
rgb(230, 106, 116)
HSL
hsl(355, 71%, 66%)
HSB
hsb(355, 54%, 90%)
CMYK
cmyk(0%, 54%, 50%, 10%)
Oklch
oklch(67.6% 0.154 17.2)

Traditional「Peach Pink」· Paint「Coral Red」· Creative Rose Petal

#C81F53

Dark Violet · Crimson · Camellia

HEX
#C81F53
RGB
rgb(200, 31, 83)
HSL
hsl(342, 73%, 45%)
HSB
hsb(342, 85%, 78%)
CMYK
cmyk(0%, 85%, 59%, 22%)
Oklch
oklch(54.4% 0.201 10.6)

Traditional「Dark Violet」· Paint「Camellia」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

F2E19B
9CADF2

Analogous

F2B69C
F2E19B
D8F29C

Triadic

F2E19B
9CF2E1
E19CF2

Split-Comp.

F2E19B
9CD8F2
B69CF2

Tetradic

F2E19B
9CF2B6
9CADF2
F29CD8

Contrast Matrix WCAG 2.1 Contrast

F2E19B
EFC979
ABB569
E66A74
C81F53
—
1.2
Fail
1.7
Fail
2.4
Fail
4.2
AA Large
1.2
Fail
—
1.4
Fail
2.0
Fail
3.5
AA Large
1.7
Fail
1.4
Fail
—
1.4
Fail
2.5
Fail
2.4
Fail
2.0
Fail
1.4
Fail
—
1.8
Fail
4.2
AA Large
3.5
AA Large
2.5
Fail
1.8
Fail
—
White BG
1.3Fail
1.6Fail
2.2Fail
3.1AA Large
5.6AA
Black BG
16.0AAA
13.3AAA
9.5AAA
6.7AA
3.8AA Large

Color Blindness Simulation Color Blindness Simulation

Protanopia

EBEAAC
DFDE8C
AFAF7B
B0AF72
7F7D46

Deuteranopia

ECEDB0
E1E491
AFAE80
B8C171
899543

Tritanopia

F1B9BC
ED9C9F
AC8A8D
E0706F
C03C3A

Achromatopsia

DEDEDE
CBCBCB
A9A9A9
909090
575757

Shades & Tints Shades & Tints

#F2E19B

Dark
Light

#EFC979

Dark
Light

#ABB569

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #f2e19b;
  --color-2: #efc979;
  --color-3: #abb569;
  --color-4: #e66a74;
  --color-5: #c81f53;
}

SCSS

$color-1: #f2e19b;
$color-2: #efc979;
$color-3: #abb569;
$color-4: #e66a74;
$color-5: #c81f53;

TAILWIND

colors: {
  'brand-1': '#f2e19b',
  'brand-2': '#efc979',
  'brand-3': '#abb569',
  'brand-4': '#e66a74',
  'brand-5': '#c81f53',
}

RGB Array

[242, 225, 155], [239, 201, 121], [171, 181, 105], [230, 106, 116], [200, 31, 83]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #F2E19B, #EFC979, #ABB569, #E66A74, #C81F53 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: #f2e19b; --color-2: #efc979; --color-3: #abb569; --color-4: #e66a74; --color-5: #c81f53. 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