← Back to Editor

#33004D · #72003B · #C90020 · #FF5F09 · #FBA700

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

#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

#72003B

Rose Purple · Maroon · Raspberry

HEX
#72003B
RGB
rgb(114, 0, 59)
HSL
hsl(329, 100%, 22%)
HSB
hsb(329, 100%, 45%)
CMYK
cmyk(0%, 100%, 48%, 55%)
Oklch
oklch(35.8% 0.146 358.9)

Traditional「Rose Purple」· Paint「Raspberry」· Creative Blush Sunrise

#C90020

Vermilion · Crimson · Wine Red

HEX
#C90020
RGB
rgb(201, 0, 32)
HSL
hsl(350, 100%, 39%)
HSB
hsb(350, 100%, 79%)
CMYK
cmyk(0%, 100%, 84%, 21%)
Oklch
oklch(52.7% 0.213 25.0)

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

#FF5F09

Tangerine · OrangeRed · Warm Sun

HEX
#FF5F09
RGB
rgb(255, 95, 9)
HSL
hsl(21, 100%, 52%)
HSB
hsb(21, 96%, 100%)
CMYK
cmyk(0%, 63%, 96%, 0%)
Oklch
oklch(68.7% 0.209 40.9)

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

#FBA700

Ochre · Orange · Honey Gold

HEX
#FBA700
RGB
rgb(251, 167, 0)
HSL
hsl(40, 100%, 49%)
HSB
hsb(40, 100%, 98%)
CMYK
cmyk(0%, 33%, 100%, 2%)
Oklch
oklch(79.2% 0.168 73.1)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

33004D
194D00

Analogous

0D004D
33004D
4D0040

Triadic

33004D
4D3300
004D33

Split-Comp.

33004D
404D00
004D0D

Tetradic

33004D
4D0D00
194D00
00404D

Contrast Matrix WCAG 2.1 Contrast

33004D
72003B
C90020
FF5F09
FBA700
—
1.4
Fail
2.8
Fail
5.5
AA
8.5
AAA
1.4
Fail
—
2.0
Fail
3.9
AA Large
6.0
AA
2.8
Fail
2.0
Fail
—
2.0
Fail
3.0
AA Large
5.5
AA
3.9
AA Large
2.0
Fail
—
1.5
Fail
8.5
AAA
6.0
AA
3.0
AA Large
1.5
Fail
—
White BG
16.8AAA
11.8AAA
6.0AA
3.0AA Large
2.0Fail
Black BG
1.2Fail
1.8Fail
3.5AA Large
6.9AA
10.6AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

1D1C3A
41402D
727018
BAB81E
D7D628

Deuteranopia

202436
475029
7E8D16
C3CF23
DCE232

Tritanopia

302C28
6C211F
BF1211
F72E32
F7484F

Achromatopsia

181818
292929
404040
858585
ADADAD

Shades & Tints Shades & Tints

#33004D

Dark
Light

#72003B

Dark
Light

#C90020

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #33004d;
  --color-2: #72003b;
  --color-3: #c90020;
  --color-4: #ff5f09;
  --color-5: #fba700;
}

SCSS

$color-1: #33004d;
$color-2: #72003b;
$color-3: #c90020;
$color-4: #ff5f09;
$color-5: #fba700;

TAILWIND

colors: {
  'brand-1': '#33004d',
  'brand-2': '#72003b',
  'brand-3': '#c90020',
  'brand-4': '#ff5f09',
  'brand-5': '#fba700',
}

RGB Array

[51, 0, 77], [114, 0, 59], [201, 0, 32], [255, 95, 9], [251, 167, 0]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This sunset-style palette of #33004D, #72003B, #C90020, #FF5F09, #FBA700 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: #33004d; --color-2: #72003b; --color-3: #c90020; --color-4: #ff5f09; --color-5: #fba700. 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