← Back to Editor

#F90912 · #C80021 · #8A0036 · #4C004D · #33004D

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

#F90912

Vermilion · Red · Passion Red

HEX
#F90912
RGB
rgb(249, 9, 18)
HSL
hsl(358, 95%, 51%)
HSB
hsb(358, 96%, 98%)
CMYK
cmyk(0%, 96%, 93%, 2%)
Oklch
oklch(61.9% 0.251 28.4)

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

#C80021

Vermilion · Crimson · Wine Red

HEX
#C80021
RGB
rgb(200, 0, 33)
HSL
hsl(350, 100%, 39%)
HSB
hsb(350, 100%, 78%)
CMYK
cmyk(0%, 100%, 84%, 22%)
Oklch
oklch(52.5% 0.213 24.7)

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

#8A0036

Dark Violet · Brown · Camellia

HEX
#8A0036
RGB
rgb(138, 0, 54)
HSL
hsl(337, 100%, 27%)
HSB
hsb(337, 100%, 54%)
CMYK
cmyk(0%, 100%, 61%, 46%)
Oklch
oklch(40.5% 0.162 9.2)

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

#4C004D

Royal Purple · MidnightBlue · Dark Purple

HEX
#4C004D
RGB
rgb(76, 0, 77)
HSL
hsl(299, 100%, 15%)
HSB
hsb(299, 100%, 30%)
CMYK
cmyk(1%, 100%, 0%, 70%)
Oklch
oklch(29.3% 0.135 327.7)

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

#33004D

Royal Purple · MidnightBlue · Dark Purple

HEX
#33004D
RGB
rgb(51, 0, 77)
HSL
hsl(280, 100%, 15%)
HSB
hsb(280, 100%, 30%)
CMYK
cmyk(34%, 100%, 0%, 70%)
Oklch
oklch(24.9% 0.126 309.4)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

F90912
0BF9F1

Analogous

F90B8A
F90912
F97A0B

Triadic

F90912
13F90B
0B13F9

Split-Comp.

F90912
0BF97A
0B8AF9

Tetradic

F90912
8AF90B
0BF9F1
7A0BF9

Contrast Matrix WCAG 2.1 Contrast

F90912
C80021
8A0036
4C004D
33004D
—
1.5
Fail
2.4
Fail
3.6
AA Large
4.1
AA Large
1.5
Fail
—
1.6
Fail
2.5
Fail
2.8
Fail
2.4
Fail
1.6
Fail
—
1.5
Fail
1.7
Fail
3.6
AA Large
2.5
Fail
1.5
Fail
—
1.1
Fail
4.1
AA Large
2.8
Fail
1.7
Fail
1.1
Fail
—
White BG
4.1AA Large
6.0AA
9.8AAA
14.8AAA
16.8AAA
Black BG
5.1AA
3.5AA Large
2.1Fail
1.4Fail
1.2Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

918F10
717019
4E4D29
2B2A3A
1D1C3A

Deuteranopia

9FB10F
7D8C17
566126
303536
202436

Tritanopia

ED0E0E
BE1311
831F1C
482C28
302C28

Achromatopsia

525252
404040
2F2F2F
202020
181818

Shades & Tints Shades & Tints

#F90912

Dark
Light

#C80021

Dark
Light

#8A0036

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #f90912;
  --color-2: #c80021;
  --color-3: #8a0036;
  --color-4: #4c004d;
  --color-5: #33004d;
}

SCSS

$color-1: #f90912;
$color-2: #c80021;
$color-3: #8a0036;
$color-4: #4c004d;
$color-5: #33004d;

TAILWIND

colors: {
  'brand-1': '#f90912',
  'brand-2': '#c80021',
  'brand-3': '#8a0036',
  'brand-4': '#4c004d',
  'brand-5': '#33004d',
}

RGB Array

[249, 9, 18], [200, 0, 33], [138, 0, 54], [76, 0, 77], [51, 0, 77]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This sunset-style palette of #F90912, #C80021, #8A0036, #4C004D, #33004D 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: #f90912; --color-2: #c80021; --color-3: #8a0036; --color-4: #4c004d; --color-5: #33004d. 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