← Back to Editor

#FFC940 · #EBE8A9 · #FF9940 · #FF7940 · #FF6940

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

#FFC940

Ginger · SandyBrown · Sunflower

HEX
#FFC940
RGB
rgb(255, 201, 64)
HSL
hsl(43, 100%, 63%)
HSB
hsb(43, 75%, 100%)
CMYK
cmyk(0%, 21%, 75%, 0%)
Oklch
oklch(86.2% 0.157 86.1)

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

#EBE8A9

Fresh Green · Wheat · Lemon Cream

HEX
#EBE8A9
RGB
rgb(235, 232, 169)
HSL
hsl(57, 62%, 79%)
HSB
hsb(57, 28%, 92%)
CMYK
cmyk(0%, 1%, 28%, 8%)
Oklch
oklch(91.8% 0.081 105.6)

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

#FF9940

Apricot · Coral · Warm Sun

HEX
#FF9940
RGB
rgb(255, 153, 64)
HSL
hsl(28, 100%, 63%)
HSB
hsb(28, 75%, 100%)
CMYK
cmyk(0%, 40%, 75%, 0%)
Oklch
oklch(77.5% 0.158 57.9)

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

#FF7940

Apricot · Coral · Warm Sun

HEX
#FF7940
RGB
rgb(255, 121, 64)
HSL
hsl(18, 100%, 63%)
HSB
hsb(18, 75%, 100%)
CMYK
cmyk(0%, 53%, 75%, 0%)
Oklch
oklch(72.5% 0.178 42.1)

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

#FF6940

Peach Pink · Tomato · Coral Red

HEX
#FF6940
RGB
rgb(255, 105, 64)
HSL
hsl(13, 100%, 63%)
HSB
hsb(13, 75%, 100%)
CMYK
cmyk(0%, 59%, 75%, 0%)
Oklch
oklch(70.3% 0.192 36.1)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

FFC940
4278FF

Analogous

FF6B42
FFC940
D6FF42

Triadic

FFC940
42FFCA
CA42FF

Split-Comp.

FFC940
42D6FF
6B42FF

Tetradic

FFC940
42FF6B
4278FF
FF42D6

Contrast Matrix WCAG 2.1 Contrast

FFC940
EBE8A9
FF9940
FF7940
FF6940
—
1.2
Fail
1.4
Fail
1.7
Fail
1.9
Fail
1.2
Fail
—
1.7
Fail
2.1
Fail
2.3
Fail
1.4
Fail
1.7
Fail
—
1.2
Fail
1.3
Fail
1.7
Fail
2.1
Fail
1.2
Fail
—
1.1
Fail
1.9
Fail
2.3
Fail
1.3
Fail
1.1
Fail
—
White BG
1.5Fail
1.3Fail
2.1Fail
2.6Fail
2.9Fail
Black BG
13.7AAA
16.6AAA
9.9AAA
8.1AAA
7.3AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

E8E761
EAEAB8
D3D256
C5C44E
BEBD4A

Deuteranopia

EBEF69
EAEABC
D9E05B
CDD751
C7D24C

Tritanopia

FC7B81
EBC4C7
FA676A
F8595B
F85253

Achromatopsia

CACACA
E2E2E2
ADADAD
9B9B9B
919191

Shades & Tints Shades & Tints

#FFC940

Dark
Light

#EBE8A9

Dark
Light

#FF9940

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #ffc940;
  --color-2: #ebe8a9;
  --color-3: #ff9940;
  --color-4: #ff7940;
  --color-5: #ff6940;
}

SCSS

$color-1: #ffc940;
$color-2: #ebe8a9;
$color-3: #ff9940;
$color-4: #ff7940;
$color-5: #ff6940;

TAILWIND

colors: {
  'brand-1': '#ffc940',
  'brand-2': '#ebe8a9',
  'brand-3': '#ff9940',
  'brand-4': '#ff7940',
  'brand-5': '#ff6940',
}

RGB Array

[255, 201, 64], [235, 232, 169], [255, 153, 64], [255, 121, 64], [255, 105, 64]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #FFC940, #EBE8A9, #FF9940, #FF7940, #FF6940 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: #ffc940; --color-2: #ebe8a9; --color-3: #ff9940; --color-4: #ff7940; --color-5: #ff6940. 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