← Back to Editor

#EFFA20 · #FE7947 · #D1D139 · #EB348C · #71BDAF

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

PassionateDynamicWarmCool

Industry INDUSTRY

EntertainmentFMCG

UI Context UI CONTEXT

Sale PromoSocial App

Color Details Color Details

#EFFA20

Autumn Sage · Yellow · Sunflower

HEX
#EFFA20
RGB
rgb(239, 250, 32)
HSL
hsl(63, 96%, 55%)
HSB
hsb(63, 87%, 98%)
CMYK
cmyk(4%, 0%, 87%, 2%)
Oklch
oklch(94.5% 0.206 113.0)

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

#FE7947

Apricot · Coral · Warm Sun

HEX
#FE7947
RGB
rgb(254, 121, 71)
HSL
hsl(16, 99%, 64%)
HSB
hsb(16, 72%, 100%)
CMYK
cmyk(0%, 52%, 72%, 0%)
Oklch
oklch(72.4% 0.175 40.4)

Traditional「Apricot」· Paint「Warm Sun」· Creative Honey Glow

#D1D139

Autumn Sage · GoldenRod · Sunflower

HEX
#D1D139
RGB
rgb(209, 209, 57)
HSL
hsl(60, 62%, 52%)
HSB
hsb(60, 73%, 82%)
CMYK
cmyk(0%, 0%, 73%, 18%)
Oklch
oklch(83.5% 0.164 109.5)

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

#EB348C

Dark Violet · DeepPink · Rose Pink

HEX
#EB348C
RGB
rgb(235, 52, 140)
HSL
hsl(331, 82%, 56%)
HSB
hsb(331, 78%, 92%)
CMYK
cmyk(0%, 78%, 40%, 8%)
Oklch
oklch(63.4% 0.226 357.0)

Traditional「Dark Violet」· Paint「Rose Pink」· Creative Blush Sunrise

#71BDAF

Mineral Blue · MediumAquaMarine · Lake Green

HEX
#71BDAF
RGB
rgb(113, 189, 175)
HSL
hsl(169, 37%, 59%)
HSB
hsb(169, 40%, 74%)
CMYK
cmyk(40%, 0%, 7%, 26%)
Oklch
oklch(74.5% 0.079 181.0)

Traditional「Mineral Blue」· Paint「Lake Green」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

EFFA20
291EFA

Analogous

FA971E
EFFA20
81FA1E

Triadic

EFFA20
1EEFFA
FA1EEF

Split-Comp.

EFFA20
1E81FA
971EFA

Tetradic

EFFA20
1EFA97
291EFA
FA1E81

Contrast Matrix WCAG 2.1 Contrast

EFFA20
FE7947
D1D139
EB348C
71BDAF
—
2.3
Fail
1.4
Fail
3.4
AA Large
1.9
Fail
2.3
Fail
—
1.6
Fail
1.5
Fail
1.2
Fail
1.4
Fail
1.6
Fail
—
2.4
Fail
1.3
Fail
3.4
AA Large
1.5
Fail
2.4
Fail
—
1.8
Fail
1.9
Fail
1.2
Fail
1.3
Fail
1.8
Fail
—
White BG
1.1Fail
2.6Fail
1.6Fail
3.9AA Large
2.2Fail
Black BG
18.4AAA
8.0AAA
12.9AAA
5.4AA
9.6AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

F4F455
C4C353
D1D15E
9C9A77
9293B2

Deuteranopia

F3F261
CCD656
D1D167
A6B472
8E88B3

Tritanopia

F07E88
F75D5F
D17B81
E26662
75B5B6

Achromatopsia

DEDEDE
9B9B9B
C0C0C0
757575
A5A5A5

Shades & Tints Shades & Tints

#EFFA20

Dark
Light

#FE7947

Dark
Light

#D1D139

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #effa20;
  --color-2: #fe7947;
  --color-3: #d1d139;
  --color-4: #eb348c;
  --color-5: #71bdaf;
}

SCSS

$color-1: #effa20;
$color-2: #fe7947;
$color-3: #d1d139;
$color-4: #eb348c;
$color-5: #71bdaf;

TAILWIND

colors: {
  'brand-1': '#effa20',
  'brand-2': '#fe7947',
  'brand-3': '#d1d139',
  'brand-4': '#eb348c',
  'brand-5': '#71bdaf',
}

RGB Array

[239, 250, 32], [254, 121, 71], [209, 209, 57], [235, 52, 140], [113, 189, 175]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #EFFA20, #FE7947, #D1D139, #EB348C, #71BDAF 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: #effa20; --color-2: #fe7947; --color-3: #d1d139; --color-4: #eb348c; --color-5: #71bdaf. 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