← Back to Editor

#080000 · #BD0000 · #E2302E · #FD5419 · #F8864A

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

Color Details Color Details

#080000

Vermilion · Black · Deep Berry

HEX
#080000
RGB
rgb(8, 0, 0)
HSL
hsl(0, 100%, 2%)
HSB
hsb(0, 100%, 3%)
CMYK
cmyk(0%, 100%, 100%, 97%)
Oklch
oklch(8.4% 0.035 29.2)

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

#BD0000

Vermilion · FireBrick · Wine Red

HEX
#BD0000
RGB
rgb(189, 0, 0)
HSL
hsl(0, 100%, 37%)
HSB
hsb(0, 100%, 74%)
CMYK
cmyk(0%, 100%, 100%, 26%)
Oklch
oklch(50.1% 0.206 29.2)

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

#E2302E

Vermilion · Crimson · Passion Red

HEX
#E2302E
RGB
rgb(226, 48, 46)
HSL
hsl(1, 76%, 53%)
HSB
hsb(1, 80%, 89%)
CMYK
cmyk(0%, 79%, 80%, 11%)
Oklch
oklch(59.5% 0.213 27.1)

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

#FD5419

Tangerine · OrangeRed · Warm Sun

HEX
#FD5419
RGB
rgb(253, 84, 25)
HSL
hsl(16, 98%, 55%)
HSB
hsb(16, 90%, 99%)
CMYK
cmyk(0%, 67%, 90%, 1%)
Oklch
oklch(67.2% 0.214 37.0)

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

#F8864A

Apricot · Coral · Warm Sun

HEX
#F8864A
RGB
rgb(248, 134, 74)
HSL
hsl(21, 93%, 63%)
HSB
hsb(21, 70%, 97%)
CMYK
cmyk(0%, 46%, 70%, 3%)
Oklch
oklch(73.6% 0.158 46.6)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

080000
000A0A

Analogous

0A0005
080000
0A0500

Triadic

080000
000A00
00000A

Split-Comp.

080000
000A05
00050A

Tetradic

080000
050A00
000A0A
05000A

Contrast Matrix WCAG 2.1 Contrast

080000
BD0000
E2302E
FD5419
F8864A
—
3.1
AA Large
4.6
AA
6.4
AA
8.4
AAA
3.1
AA Large
—
1.5
Fail
2.0
Fail
2.7
Fail
4.6
AA
1.5
Fail
—
1.4
Fail
1.8
Fail
6.4
AA
2.0
Fail
1.4
Fail
—
1.3
Fail
8.4
AAA
2.7
Fail
1.8
Fail
1.3
Fail
—
White BG
20.8AAA
6.6AA
4.5AA Large
3.3AA Large
2.5Fail
Black BG
1.0Fail
3.2AA Large
4.7AA
6.5AA
8.5AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

050400
6B6900
95932E
B4B227
C7C659

Deuteranopia

050600
768400
9FAD2F
BECA2B
CDD65C

Tritanopia

080000
B40000
D92F2F
F53335
F26467

Achromatopsia

020202
393939
656565
808080
A1A1A1

Shades & Tints Shades & Tints

#080000

Dark
Light

#BD0000

Dark
Light

#E2302E

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #080000;
  --color-2: #bd0000;
  --color-3: #e2302e;
  --color-4: #fd5419;
  --color-5: #f8864a;
}

SCSS

$color-1: #080000;
$color-2: #bd0000;
$color-3: #e2302e;
$color-4: #fd5419;
$color-5: #f8864a;

TAILWIND

colors: {
  'brand-1': '#080000',
  'brand-2': '#bd0000',
  'brand-3': '#e2302e',
  'brand-4': '#fd5419',
  'brand-5': '#f8864a',
}

RGB Array

[8, 0, 0], [189, 0, 0], [226, 48, 46], [253, 84, 25], [248, 134, 74]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This sunset-style palette of #080000, #BD0000, #E2302E, #FD5419, #F8864A 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: #080000; --color-2: #bd0000; --color-3: #e2302e; --color-4: #fd5419; --color-5: #f8864a. 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 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