← Back to Editor

#EC9B40 · #F6B35C · #FFF27B · #A39588 · #050402

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 AppData Visualization

Color Details Color Details

#EC9B40

Ginger · SandyBrown · Warm Sun

HEX
#EC9B40
RGB
rgb(236, 155, 64)
HSL
hsl(32, 82%, 59%)
HSB
hsb(32, 73%, 93%)
CMYK
cmyk(0%, 34%, 73%, 7%)
Oklch
oklch(75.5% 0.142 65.4)

Traditional「Ginger」· Paint「Warm Sun」· Creative Blush Sunrise

#F6B35C

Ginger · SandyBrown · Warm Sun

HEX
#F6B35C
RGB
rgb(246, 179, 92)
HSL
hsl(34, 90%, 66%)
HSB
hsb(34, 63%, 96%)
CMYK
cmyk(0%, 27%, 63%, 4%)
Oklch
oklch(81.3% 0.129 71.3)

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

#FFF27B

Fresh Green · Khaki · Sunflower

HEX
#FFF27B
RGB
rgb(255, 242, 123)
HSL
hsl(54, 100%, 74%)
HSB
hsb(54, 52%, 100%)
CMYK
cmyk(0%, 5%, 52%, 0%)
Oklch
oklch(94.8% 0.141 103.1)

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

#A39588

Tangerine · DarkGray · Warm Sun

HEX
#A39588
RGB
rgb(163, 149, 136)
HSL
hsl(29, 13%, 59%)
HSB
hsb(29, 17%, 64%)
CMYK
cmyk(0%, 9%, 17%, 36%)
Oklch
oklch(67.8% 0.025 65.3)

Traditional「Tangerine」· Paint「Warm Sun」· Creative Blush Sunrise

#050402

Ochre · Black · Amber Gold

HEX
#050402
RGB
rgb(5, 4, 2)
HSL
hsl(40, 43%, 1%)
HSB
hsb(40, 60%, 2%)
CMYK
cmyk(0%, 20%, 60%, 98%)
Oklch
oklch(10.7% 0.009 89.3)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

EC9B40
4191EC

Analogous

EC4641
EC9B40
E6EC41

Triadic

EC9B40
41EC9C
9C41EC

Split-Comp.

EC9B40
41E6EC
4641EC

Tetradic

EC9B40
41EC46
4191EC
EC41E6

Contrast Matrix WCAG 2.1 Contrast

EC9B40
F6B35C
FFF27B
A39588
050402
—
1.2
Fail
2.0
Fail
1.3
Fail
9.1
AAA
1.2
Fail
—
1.6
Fail
1.6
Fail
11.2
AAA
2.0
Fail
1.6
Fail
—
2.5
Fail
17.8
AAA
1.3
Fail
1.6
Fail
2.5
Fail
—
7.0
AAA
9.1
AAA
11.2
AAA
17.8
AAA
7.0
AAA
—
White BG
2.3Fail
1.8Fail
1.2Fail
2.9Fail
20.5AAA
Black BG
9.3AAA
11.5AAA
18.2AAA
7.2AAA
1.0Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

C9C856
D9D871
F9F998
9D9D8B
050502

Deuteranopia

CED45B
DDE276
FAFB9F
9E9F8C
050503

Tritanopia

E8676B
F38285
FEAFB4
A28E8E
050303

Achromatopsia

A9A9A9
BDBDBD
E8E8E8
989898
040404

Shades & Tints Shades & Tints

#EC9B40

Dark
Light

#F6B35C

Dark
Light

#FFF27B

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #ec9b40;
  --color-2: #f6b35c;
  --color-3: #fff27b;
  --color-4: #a39588;
  --color-5: #050402;
}

SCSS

$color-1: #ec9b40;
$color-2: #f6b35c;
$color-3: #fff27b;
$color-4: #a39588;
$color-5: #050402;

TAILWIND

colors: {
  'brand-1': '#ec9b40',
  'brand-2': '#f6b35c',
  'brand-3': '#fff27b',
  'brand-4': '#a39588',
  'brand-5': '#050402',
}

RGB Array

[236, 155, 64], [246, 179, 92], [255, 242, 123], [163, 149, 136], [5, 4, 2]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #EC9B40, #F6B35C, #FFF27B, #A39588, #050402 is ideal for: social media posters, mobile apps, e-commerce promos, infographics, data visualization, accessible design. Vivid colors effectively attract user attention. High contrast ensures clear visual hierarchy and readability. 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: #ec9b40; --color-2: #f6b35c; --color-3: #fff27b; --color-4: #a39588; --color-5: #050402. 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. High-contrast palettes naturally meet WCAG accessibility standards. 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