← Back to Editor

#F85454 · #FF884D · #EDCD4E · #C9EE4F · #94B919

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

#F85454

Peach Pink · Tomato · Coral Red

HEX
#F85454
RGB
rgb(248, 84, 84)
HSL
hsl(0, 92%, 65%)
HSB
hsb(0, 66%, 97%)
CMYK
cmyk(0%, 66%, 66%, 3%)
Oklch
oklch(67.0% 0.200 24.3)

Traditional「Peach Pink」· Paint「Coral Red」· Creative Blush Sunrise

#FF884D

Apricot · Coral · Warm Sun

HEX
#FF884D
RGB
rgb(255, 136, 77)
HSL
hsl(20, 100%, 65%)
HSB
hsb(20, 70%, 100%)
CMYK
cmyk(0%, 47%, 70%, 0%)
Oklch
oklch(74.8% 0.162 45.5)

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

#EDCD4E

Ginger · SandyBrown · Sunflower

HEX
#EDCD4E
RGB
rgb(237, 205, 78)
HSL
hsl(48, 82%, 62%)
HSB
hsb(48, 67%, 93%)
CMYK
cmyk(0%, 14%, 67%, 7%)
Oklch
oklch(85.3% 0.147 94.8)

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

#C9EE4F

Willow Green · GreenYellow · Apple Green

HEX
#C9EE4F
RGB
rgb(201, 238, 79)
HSL
hsl(74, 82%, 62%)
HSB
hsb(74, 67%, 93%)
CMYK
cmyk(16%, 0%, 67%, 7%)
Oklch
oklch(89.4% 0.185 121.6)

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

#94B919

Grass Green · DarkGoldenRod · Olive Green

HEX
#94B919
RGB
rgb(148, 185, 25)
HSL
hsl(74, 76%, 41%)
HSB
hsb(74, 86%, 73%)
CMYK
cmyk(20%, 0%, 86%, 27%)
Oklch
oklch(73.2% 0.174 123.2)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

F85454
54F8F8

Analogous

F854A6
F85454
F8A654

Triadic

F85454
54F854
5454F8

Split-Comp.

F85454
54F8A6
54A6F8

Tetradic

F85454
A6F854
54F8F8
A654F8

Contrast Matrix WCAG 2.1 Contrast

F85454
FF884D
EDCD4E
C9EE4F
94B919
—
1.4
Fail
2.1
Fail
2.5
Fail
1.4
Fail
1.4
Fail
—
1.5
Fail
1.8
Fail
1.0
Fail
2.1
Fail
1.5
Fail
—
1.2
Fail
1.5
Fail
2.5
Fail
1.8
Fail
1.2
Fail
—
1.7
Fail
1.4
Fail
1.0
Fail
1.5
Fail
1.7
Fail
—
White BG
3.3AA Large
2.4Fail
1.6Fail
1.3Fail
2.3Fail
Black BG
6.4AA
8.9AAA
13.4AAA
15.8AAA
9.2AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

B1B054
CBCA5B
DFDF6D
D9D975
A4A440

Deuteranopia

BBC754
D2DB5F
E1E374
D7D47F
A29F49

Tritanopia

F05454
F96769
EB858A
CB949B
965E65

Achromatopsia

858585
A5A5A5
C8C8C8
D1D1D1
9C9C9C

Shades & Tints Shades & Tints

#F85454

Dark
Light

#FF884D

Dark
Light

#EDCD4E

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #f85454;
  --color-2: #ff884d;
  --color-3: #edcd4e;
  --color-4: #c9ee4f;
  --color-5: #94b919;
}

SCSS

$color-1: #f85454;
$color-2: #ff884d;
$color-3: #edcd4e;
$color-4: #c9ee4f;
$color-5: #94b919;

TAILWIND

colors: {
  'brand-1': '#f85454',
  'brand-2': '#ff884d',
  'brand-3': '#edcd4e',
  'brand-4': '#c9ee4f',
  'brand-5': '#94b919',
}

RGB Array

[248, 84, 84], [255, 136, 77], [237, 205, 78], [201, 238, 79], [148, 185, 25]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #F85454, #FF884D, #EDCD4E, #C9EE4F, #94B919 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: #f85454; --color-2: #ff884d; --color-3: #edcd4e; --color-4: #c9ee4f; --color-5: #94b919. 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