← Back to Editor

#FE7800 · #EC5413 · #434E4A · #FFEF98 · #C6B584

A 5-color palette palette · Complete color analysis and application guide

Scene Recommendations Scene Recommendations

Emotion EMOTION

PassionateDynamicWarmCool

Industry INDUSTRY

EntertainmentFMCG

UI Context UI CONTEXT

Sale PromoSocial AppData Visualization

Color Details Color Details

#FE7800

Tangerine · Orange · Amber Brown

HEX
#FE7800
RGB
rgb(254, 120, 0)
HSL
hsl(28, 100%, 50%)
HSB
hsb(28, 100%, 100%)
CMYK
cmyk(0%, 53%, 100%, 0%)
Oklch
oklch(71.9% 0.190 50.0)

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

#EC5413

Tangerine · OrangeRed · Amber Brown

HEX
#EC5413
RGB
rgb(236, 84, 19)
HSL
hsl(18, 85%, 50%)
HSB
hsb(18, 92%, 93%)
CMYK
cmyk(0%, 64%, 92%, 7%)
Oklch
oklch(64.5% 0.199 39.1)

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

#434E4A

Mineral Blue · DarkSlateGray · Charcoal

HEX
#434E4A
RGB
rgb(67, 78, 74)
HSL
hsl(158, 8%, 28%)
HSB
hsb(158, 14%, 31%)
CMYK
cmyk(14%, 0%, 5%, 69%)
Oklch
oklch(41.3% 0.016 171.6)

Traditional「Mineral Blue」· Paint「Charcoal」· Creative Midnight Shadow

#FFEF98

Fresh Green · Khaki · Lemon Cream

HEX
#FFEF98
RGB
rgb(255, 239, 152)
HSL
hsl(51, 100%, 80%)
HSB
hsb(51, 40%, 100%)
CMYK
cmyk(0%, 6%, 40%, 0%)
Oklch
oklch(94.6% 0.109 99.1)

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

#C6B584

Ginger · Tan · Sunflower

HEX
#C6B584
RGB
rgb(198, 181, 132)
HSL
hsl(45, 37%, 65%)
HSB
hsb(45, 33%, 78%)
CMYK
cmyk(0%, 9%, 33%, 22%)
Oklch
oklch(77.6% 0.068 91.2)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

FE7800
0088FF

Analogous

FF0008
FE7800
FFF700

Triadic

FE7800
00FF77
7700FF

Split-Comp.

FE7800
00FFF7
0008FF

Tetradic

FE7800
09FF00
0088FF
F700FF

Contrast Matrix WCAG 2.1 Contrast

FE7800
EC5413
434E4A
FFEF98
C6B584
—
1.4
Fail
3.3
AA Large
2.3
Fail
1.3
Fail
1.4
Fail
—
2.4
Fail
3.1
AA Large
1.8
Fail
3.3
AA Large
2.4
Fail
—
7.4
AAA
4.3
AA Large
2.3
Fail
3.1
AA Large
7.4
AAA
—
1.7
Fail
1.3
Fail
1.8
Fail
4.3
AA Large
1.7
Fail
—
White BG
2.7Fail
3.6AA Large
8.7AAA
1.2Fail
2.0Fail
Black BG
7.9AAA
5.8AA
2.4Fail
18.1AAA
10.3AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

C4C31D
AAA923
48484B
F8F8AD
BFBE90

Deuteranopia

CCD624
B3BE27
47464B
F9FAB2
C0C193

Tritanopia

F73439
E42F32
444C4C
FEBEC1
C5999B

Achromatopsia

929292
7A7A7A
4A4A4A
EAEAEA
B4B4B4

Shades & Tints Shades & Tints

#FE7800

Dark
Light

#EC5413

Dark
Light

#434E4A

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #fe7800;
  --color-2: #ec5413;
  --color-3: #434e4a;
  --color-4: #ffef98;
  --color-5: #c6b584;
}

SCSS

$color-1: #fe7800;
$color-2: #ec5413;
$color-3: #434e4a;
$color-4: #ffef98;
$color-5: #c6b584;

TAILWIND

colors: {
  'brand-1': '#fe7800',
  'brand-2': '#ec5413',
  'brand-3': '#434e4a',
  'brand-4': '#ffef98',
  'brand-5': '#c6b584',
}

RGB Array

[254, 120, 0], [236, 84, 19], [67, 78, 74], [255, 239, 152], [198, 181, 132]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #FE7800, #EC5413, #434E4A, #FFEF98, #C6B584 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: #fe7800; --color-2: #ec5413; --color-3: #434e4a; --color-4: #ffef98; --color-5: #c6b584. 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