← Back to Editor

#F6DE59 · #FFA340 · #F15F5F · #E5E49B · #F15000

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

#F6DE59

Fresh Green · Khaki · Sunflower

HEX
#F6DE59
RGB
rgb(246, 222, 89)
HSL
hsl(51, 90%, 66%)
HSB
hsb(51, 64%, 96%)
CMYK
cmyk(0%, 10%, 64%, 4%)
Oklch
oklch(89.6% 0.152 99.0)

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

#FFA340

Ginger · SandyBrown · Warm Sun

HEX
#FFA340
RGB
rgb(255, 163, 64)
HSL
hsl(31, 100%, 63%)
HSB
hsb(31, 75%, 100%)
CMYK
cmyk(0%, 36%, 75%, 0%)
Oklch
oklch(79.2% 0.154 63.7)

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

#F15F5F

Peach Pink · Tomato · Coral Red

HEX
#F15F5F
RGB
rgb(241, 95, 95)
HSL
hsl(0, 84%, 66%)
HSB
hsb(0, 61%, 95%)
CMYK
cmyk(0%, 61%, 61%, 5%)
Oklch
oklch(67.4% 0.181 23.3)

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

#E5E49B

Fresh Green · Khaki · Sunflower

HEX
#E5E49B
RGB
rgb(229, 228, 155)
HSL
hsl(59, 59%, 75%)
HSB
hsb(59, 32%, 90%)
CMYK
cmyk(0%, 0%, 32%, 10%)
Oklch
oklch(90.3% 0.093 107.5)

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

#F15000

Tangerine · OrangeRed · Amber Brown

HEX
#F15000
RGB
rgb(241, 80, 0)
HSL
hsl(20, 100%, 47%)
HSB
hsb(20, 100%, 95%)
CMYK
cmyk(0%, 67%, 100%, 5%)
Oklch
oklch(64.8% 0.208 38.8)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

F6DE59
5A72F6

Analogous

F6915A
F6DE59
C0F65A

Triadic

F6DE59
5AF6DF
DF5AF6

Split-Comp.

F6DE59
5AC0F6
915AF6

Tetradic

F6DE59
5AF691
5A72F6
F65AC0

Contrast Matrix WCAG 2.1 Contrast

F6DE59
FFA340
F15F5F
E5E49B
F15000
—
1.5
Fail
2.4
Fail
1.0
Fail
2.6
Fail
1.5
Fail
—
1.6
Fail
1.5
Fail
1.8
Fail
2.4
Fail
1.6
Fail
—
2.4
Fail
1.1
Fail
1.0
Fail
1.5
Fail
2.4
Fail
—
2.7
Fail
2.6
Fail
1.8
Fail
1.1
Fail
2.7
Fail
—
White BG
1.4Fail
2.0Fail
3.2AA Large
1.3Fail
3.6AA Large
Black BG
15.5AAA
10.6AAA
6.5AA
15.9AAA
5.9AA

Color Blindness Simulation Color Blindness Simulation

Protanopia

ECEB79
D7D658
B2B05F
E5E5AD
ABAA13

Deuteranopia

EDEF81
DDE35E
BAC55F
E5E5B1
B5C118

Tritanopia

F59398
FA6B6F
EA5F5F
E5BBBE
E92326

Achromatopsia

D6D6D6
B3B3B3
8B8B8B
DCDCDC
777777

Shades & Tints Shades & Tints

#F6DE59

Dark
Light

#FFA340

Dark
Light

#F15F5F

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #f6de59;
  --color-2: #ffa340;
  --color-3: #f15f5f;
  --color-4: #e5e49b;
  --color-5: #f15000;
}

SCSS

$color-1: #f6de59;
$color-2: #ffa340;
$color-3: #f15f5f;
$color-4: #e5e49b;
$color-5: #f15000;

TAILWIND

colors: {
  'brand-1': '#f6de59',
  'brand-2': '#ffa340',
  'brand-3': '#f15f5f',
  'brand-4': '#e5e49b',
  'brand-5': '#f15000',
}

RGB Array

[246, 222, 89], [255, 163, 64], [241, 95, 95], [229, 228, 155], [241, 80, 0]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #F6DE59, #FFA340, #F15F5F, #E5E49B, #F15000 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: #f6de59; --color-2: #ffa340; --color-3: #f15f5f; --color-4: #e5e49b; --color-5: #f15000. 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