← Back to Editor

#F8B100 · #EF7000 · #E23300 · #941000 · #500000

sunset

A 5-color sunset 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

#F8B100

Ochre · Orange · Honey Gold

HEX
#F8B100
RGB
rgb(248, 177, 0)
HSL
hsl(43, 100%, 49%)
HSB
hsb(43, 100%, 97%)
CMYK
cmyk(0%, 29%, 100%, 3%)
Oklch
oklch(80.6% 0.167 79.6)

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

#EF7000

Tangerine · Chocolate · Amber Brown

HEX
#EF7000
RGB
rgb(239, 112, 0)
HSL
hsl(28, 100%, 47%)
HSB
hsb(28, 100%, 94%)
CMYK
cmyk(0%, 53%, 100%, 6%)
Oklch
oklch(68.6% 0.182 49.8)

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

#E23300

Vermilion · OrangeRed · Passion Red

HEX
#E23300
RGB
rgb(226, 51, 0)
HSL
hsl(14, 100%, 44%)
HSB
hsb(14, 100%, 89%)
CMYK
cmyk(0%, 77%, 100%, 11%)
Oklch
oklch(59.5% 0.216 33.7)

Traditional「Vermilion」· Paint「Passion Red」· Creative Blush Sunrise

#941000

Vermilion · DarkRed · Wine Red

HEX
#941000
RGB
rgb(148, 16, 0)
HSL
hsl(6, 100%, 29%)
HSB
hsb(6, 100%, 58%)
CMYK
cmyk(0%, 89%, 100%, 42%)
Oklch
oklch(42.5% 0.166 31.0)

Traditional「Vermilion」· Paint「Wine Red」· Creative Blush Sunrise

#500000

Vermilion · Maroon · Deep Berry

HEX
#500000
RGB
rgb(80, 0, 0)
HSL
hsl(0, 100%, 16%)
HSB
hsb(0, 100%, 31%)
CMYK
cmyk(0%, 100%, 100%, 69%)
Oklch
oklch(27.1% 0.111 29.2)

Traditional「Vermilion」· Paint「Deep Berry」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

F8B100
0047FA

Analogous

FA3600
F8B100
C4FA00

Triadic

F8B100
00FAB3
B300FA

Split-Comp.

F8B100
00C4FA
3600FA

Tetradic

F8B100
00FA36
0047FA
FA00C4

Contrast Matrix WCAG 2.1 Contrast

F8B100
EF7000
E23300
941000
500000
—
1.6
Fail
2.4
Fail
4.8
AA
8.4
AAA
1.6
Fail
—
1.5
Fail
3.0
Fail
5.2
AA
2.4
Fail
1.5
Fail
—
2.0
Fail
3.5
AA Large
4.8
AA
3.0
Fail
2.0
Fail
—
1.7
Fail
8.4
AAA
5.2
AA
3.5
AA Large
1.7
Fail
—
White BG
1.9Fail
3.0AA Large
4.5AA Large
9.0AAA
15.7AAA
Black BG
11.3AAA
7.0AA
4.7AA
2.3Fail
1.3Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

D9D92B
B8B71B
96950C
5B5A04
2D2D00

Deuteranopia

DDE335
BFC922
A0AE0F
636C05
323800

Tritanopia

F44D54
E93035
D91618
8D0708
4C0000

Achromatopsia

B2B2B2
898989
626262
363636
181818

Shades & Tints Shades & Tints

#F8B100

Dark
Light

#EF7000

Dark
Light

#E23300

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #f8b100;
  --color-2: #ef7000;
  --color-3: #e23300;
  --color-4: #941000;
  --color-5: #500000;
}

SCSS

$color-1: #f8b100;
$color-2: #ef7000;
$color-3: #e23300;
$color-4: #941000;
$color-5: #500000;

TAILWIND

colors: {
  'brand-1': '#f8b100',
  'brand-2': '#ef7000',
  'brand-3': '#e23300',
  'brand-4': '#941000',
  'brand-5': '#500000',
}

RGB Array

[248, 177, 0], [239, 112, 0], [226, 51, 0], [148, 16, 0], [80, 0, 0]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This sunset-style palette of #F8B100, #EF7000, #E23300, #941000, #500000 is ideal for: social media posters, mobile apps, e-commerce promos, tech websites, dark mode UIs, game UIs. 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: #f8b100; --color-2: #ef7000; --color-3: #e23300; --color-4: #941000; --color-5: #500000. 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?

Dark tones work well as backgrounds; pair with light text for readability. Use the brightest color for CTA buttons and interactive elements. 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 sunset-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