← Back to Editor

#FC6703 · #B8022A · #930034 · #7D023B · #380049

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

#FC6703

Tangerine · OrangeRed · Amber Brown

HEX
#FC6703
RGB
rgb(252, 103, 3)
HSL
hsl(24, 98%, 50%)
HSB
hsb(24, 99%, 99%)
CMYK
cmyk(0%, 59%, 99%, 1%)
Oklch
oklch(69.3% 0.200 44.1)

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

#B8022A

Vermilion · FireBrick · Wine Red

HEX
#B8022A
RGB
rgb(184, 2, 42)
HSL
hsl(347, 98%, 36%)
HSB
hsb(347, 99%, 72%)
CMYK
cmyk(0%, 99%, 77%, 28%)
Oklch
oklch(49.5% 0.198 21.4)

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

#930034

Dark Violet · Brown · Camellia

HEX
#930034
RGB
rgb(147, 0, 52)
HSL
hsl(339, 100%, 29%)
HSB
hsb(339, 100%, 58%)
CMYK
cmyk(0%, 100%, 65%, 42%)
Oklch
oklch(42.3% 0.169 12.2)

Traditional「Dark Violet」· Paint「Camellia」· Creative Blush Sunrise

#7D023B

Dark Violet · Brown · Raspberry

HEX
#7D023B
RGB
rgb(125, 2, 59)
HSL
hsl(332, 97%, 25%)
HSB
hsb(332, 98%, 49%)
CMYK
cmyk(0%, 98%, 53%, 51%)
Oklch
oklch(38.1% 0.152 2.9)

Traditional「Dark Violet」· Paint「Raspberry」· Creative Blush Sunrise

#380049

Royal Purple · MidnightBlue · Dark Purple

HEX
#380049
RGB
rgb(56, 0, 73)
HSL
hsl(286, 100%, 14%)
HSB
hsb(286, 100%, 29%)
CMYK
cmyk(23%, 100%, 0%, 71%)
Oklch
oklch(25.3% 0.124 316.0)

Traditional「Royal Purple」· Paint「Dark Purple」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

FC6703
0398FC

Analogous

FC031C
FC6703
FCE303

Triadic

FC6703
03FC67
6703FC

Split-Comp.

FC6703
03FCE3
031CFC

Tetradic

FC6703
1CFC03
0398FC
E303FC

Contrast Matrix WCAG 2.1 Contrast

FC6703
B8022A
930034
7D023B
380049
—
2.3
Fail
3.1
AA Large
3.6
AA Large
5.6
AA
2.3
Fail
—
1.3
Fail
1.6
Fail
2.4
Fail
3.1
AA Large
1.3
Fail
—
1.2
Fail
1.8
Fail
3.6
AA Large
1.6
Fail
1.2
Fail
—
1.5
Fail
5.6
AA
2.4
Fail
1.8
Fail
1.5
Fail
—
White BG
3.0Fail
6.8AA
9.2AAA
10.8AAA
16.6AAA
Black BG
7.1AAA
3.1AA Large
2.3Fail
1.9Fail
1.3Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

BBBA1B
696820
535227
48472D
201F37

Deuteranopia

C4CF21
74811E
5C6724
4F582A
232733

Tritanopia

F52E33
AF1917
8C1D1B
772220
352926

Achromatopsia

888888
3D3D3D
323232
2D2D2D
191919

Shades & Tints Shades & Tints

#FC6703

Dark
Light

#B8022A

Dark
Light

#930034

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #fc6703;
  --color-2: #b8022a;
  --color-3: #930034;
  --color-4: #7d023b;
  --color-5: #380049;
}

SCSS

$color-1: #fc6703;
$color-2: #b8022a;
$color-3: #930034;
$color-4: #7d023b;
$color-5: #380049;

TAILWIND

colors: {
  'brand-1': '#fc6703',
  'brand-2': '#b8022a',
  'brand-3': '#930034',
  'brand-4': '#7d023b',
  'brand-5': '#380049',
}

RGB Array

[252, 103, 3], [184, 2, 42], [147, 0, 52], [125, 2, 59], [56, 0, 73]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This sunset-style palette of #FC6703, #B8022A, #930034, #7D023B, #380049 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: #fc6703; --color-2: #b8022a; --color-3: #930034; --color-4: #7d023b; --color-5: #380049. 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