← Back to Editor

#EC5400 · #FFDC6F · #F1800A · #B5D665 · #7AA520

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

#EC5400

Tangerine · OrangeRed · Amber Brown

HEX
#EC5400
RGB
rgb(236, 84, 0)
HSL
hsl(21, 100%, 46%)
HSB
hsb(21, 100%, 93%)
CMYK
cmyk(0%, 64%, 100%, 7%)
Oklch
oklch(64.4% 0.200 40.4)

Traditional「Tangerine」· Paint「Amber Brown」· Creative Blush Sunrise

#FFDC6F

Goose Yellow · Khaki · Sunflower

HEX
#FFDC6F
RGB
rgb(255, 220, 111)
HSL
hsl(45, 100%, 72%)
HSB
hsb(45, 56%, 100%)
CMYK
cmyk(0%, 14%, 56%, 0%)
Oklch
oklch(90.3% 0.134 91.8)

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

#F1800A

Ochre · Orange · Amber Brown

HEX
#F1800A
RGB
rgb(241, 128, 10)
HSL
hsl(31, 92%, 49%)
HSB
hsb(31, 96%, 95%)
CMYK
cmyk(0%, 47%, 96%, 5%)
Oklch
oklch(71.3% 0.173 55.9)

Traditional「Ochre」· Paint「Amber Brown」· Creative Blush Sunrise

#B5D665

Willow Green · Tan · Apple Green

HEX
#B5D665
RGB
rgb(181, 214, 101)
HSL
hsl(78, 58%, 62%)
HSB
hsb(78, 53%, 84%)
CMYK
cmyk(15%, 0%, 53%, 16%)
Oklch
oklch(82.8% 0.145 123.1)

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

#7AA520

Grass Green · Olive · Forest Green

HEX
#7AA520
RGB
rgb(122, 165, 32)
HSL
hsl(79, 68%, 39%)
HSB
hsb(79, 81%, 65%)
CMYK
cmyk(26%, 0%, 81%, 35%)
Oklch
oklch(66.7% 0.160 126.8)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

EC5400
0098EB

Analogous

EB0023
EC5400
EBC700

Triadic

EC5400
00EB52
5200EB

Split-Comp.

EC5400
00EBC7
0023EB

Tetradic

EC5400
23EB00
0098EB
C700EB

Contrast Matrix WCAG 2.1 Contrast

EC5400
FFDC6F
F1800A
B5D665
7AA520
—
2.7
Fail
1.3
Fail
2.2
Fail
1.2
Fail
2.7
Fail
—
2.0
Fail
1.2
Fail
2.2
Fail
1.3
Fail
2.0
Fail
—
1.6
Fail
1.1
Fail
2.2
Fail
1.2
Fail
1.6
Fail
—
1.8
Fail
1.2
Fail
2.2
Fail
1.1
Fail
1.8
Fail
—
White BG
3.6AA Large
1.3Fail
2.7Fail
1.6Fail
2.9Fail
Black BG
5.8AA
15.7AAA
7.8AAA
12.8AAA
7.2AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

AAA914
F0F089
C0BF27
C3C480
8D8D40

Deuteranopia

B3BE19
F2F590
C7CF2D
C1BF87
8A8748

Tritanopia

E42428
FD9EA3
EB3D42
B7969B
7C5A5F

Achromatopsia

787878
DADADA
949494
BFBFBF
898989

Shades & Tints Shades & Tints

#EC5400

Dark
Light

#FFDC6F

Dark
Light

#F1800A

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #ec5400;
  --color-2: #ffdc6f;
  --color-3: #f1800a;
  --color-4: #b5d665;
  --color-5: #7aa520;
}

SCSS

$color-1: #ec5400;
$color-2: #ffdc6f;
$color-3: #f1800a;
$color-4: #b5d665;
$color-5: #7aa520;

TAILWIND

colors: {
  'brand-1': '#ec5400',
  'brand-2': '#ffdc6f',
  'brand-3': '#f1800a',
  'brand-4': '#b5d665',
  'brand-5': '#7aa520',
}

RGB Array

[236, 84, 0], [255, 220, 111], [241, 128, 10], [181, 214, 101], [122, 165, 32]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #EC5400, #FFDC6F, #F1800A, #B5D665, #7AA520 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: #ec5400; --color-2: #ffdc6f; --color-3: #f1800a; --color-4: #b5d665; --color-5: #7aa520. 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