← Back to Editor

#6803CB · #150915 · #711147 · #B62133 · #F4640B

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

#6803CB

Royal Purple · DarkViolet · Eggplant

HEX
#6803CB
RGB
rgb(104, 3, 203)
HSL
hsl(270, 97%, 40%)
HSB
hsb(270, 99%, 80%)
CMYK
cmyk(49%, 99%, 0%, 20%)
Oklch
oklch(45.2% 0.246 295.2)

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

#150915

Rose Purple · Black · Dark Purple

HEX
#150915
RGB
rgb(21, 9, 21)
HSL
hsl(300, 40%, 6%)
HSB
hsb(300, 57%, 8%)
CMYK
cmyk(0%, 57%, 0%, 92%)
Oklch
oklch(16.4% 0.031 326.9)

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

#711147

Rose Purple · Purple · Raspberry

HEX
#711147
RGB
rgb(113, 17, 71)
HSL
hsl(326, 74%, 25%)
HSB
hsb(326, 85%, 44%)
CMYK
cmyk(0%, 85%, 37%, 56%)
Oklch
oklch(37.0% 0.138 352.2)

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

#B62133

Vermilion · FireBrick · Passion Red

HEX
#B62133
RGB
rgb(182, 33, 51)
HSL
hsl(353, 69%, 42%)
HSB
hsb(353, 82%, 71%)
CMYK
cmyk(0%, 82%, 72%, 29%)
Oklch
oklch(50.6% 0.183 21.2)

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

#F4640B

Tangerine · OrangeRed · Amber Brown

HEX
#F4640B
RGB
rgb(244, 100, 11)
HSL
hsl(23, 91%, 50%)
HSB
hsb(23, 95%, 96%)
CMYK
cmyk(0%, 59%, 95%, 4%)
Oklch
oklch(67.7% 0.195 43.8)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

6803CB
66C903

Analogous

0303C9
6803CB
C903C9

Triadic

6803CB
C96603
03C966

Split-Comp.

6803CB
C9C903
03C903

Tetradic

6803CB
C90303
66C903
03C9C9

Contrast Matrix WCAG 2.1 Contrast

6803CB
150915
711147
B62133
F4640B
—
2.3
Fail
1.3
Fail
1.3
Fail
2.7
Fail
2.3
Fail
—
1.7
Fail
3.0
AA Large
6.2
AA
1.3
Fail
1.7
Fail
—
1.7
Fail
3.6
AA Large
1.3
Fail
3.0
AA Large
1.7
Fail
—
2.1
Fail
2.7
Fail
6.2
AA
3.6
AA Large
2.1
Fail
—
White BG
8.5AAA
19.4AAA
11.2AAA
6.5AA
3.1AA Large
Black BG
2.5Fail
1.1Fail
1.9Fail
3.3AA Large
6.7AA

Color Blindness Simulation Color Blindness Simulation

Protanopia

3C3B9B
101012
47473A
75742F
B6B421

Deuteranopia

424A8F
111111
4D5437
7E892E
BEC926

Tritanopia

63746C
14100F
6C302D
AF2B2A
ED3235

Achromatopsia

383838
0E0E0E
343434
505050
858585

Shades & Tints Shades & Tints

#6803CB

Dark
Light

#150915

Dark
Light

#711147

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #6803cb;
  --color-2: #150915;
  --color-3: #711147;
  --color-4: #b62133;
  --color-5: #f4640b;
}

SCSS

$color-1: #6803cb;
$color-2: #150915;
$color-3: #711147;
$color-4: #b62133;
$color-5: #f4640b;

TAILWIND

colors: {
  'brand-1': '#6803cb',
  'brand-2': '#150915',
  'brand-3': '#711147',
  'brand-4': '#b62133',
  'brand-5': '#f4640b',
}

RGB Array

[104, 3, 203], [21, 9, 21], [113, 17, 71], [182, 33, 51], [244, 100, 11]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This sunset-style palette of #6803CB, #150915, #711147, #B62133, #F4640B is ideal for: social media posters, mobile apps, e-commerce promos, tech websites, dark mode UIs, game UIs, 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: #6803cb; --color-2: #150915; --color-3: #711147; --color-4: #b62133; --color-5: #f4640b. 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. 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