← Back to Editor

#200057 · #581A4F · #903548 · #C74F40 · #FF6938

sunset

A 5-color sunset palette · Complete color analysis and application guide

Scene Recommendations Scene Recommendations

Emotion EMOTION

PassionateDynamicWarmCool

Industry INDUSTRY

EntertainmentFMCG

UI Context UI CONTEXT

Sale PromoSocial AppData Visualization

Color Details Color Details

#200057

Deep Indigo · MidnightBlue · Dark Purple

HEX
#200057
RGB
rgb(32, 0, 87)
HSL
hsl(262, 100%, 17%)
HSB
hsb(262, 100%, 34%)
CMYK
cmyk(63%, 100%, 0%, 66%)
Oklch
oklch(23.3% 0.134 287.5)

Traditional「Deep Indigo」· Paint「Dark Purple」· Creative Blush Sunrise

#581A4F

Rose Purple · DarkSlateGray · Eggplant

HEX
#581A4F
RGB
rgb(88, 26, 79)
HSL
hsl(309, 54%, 22%)
HSB
hsb(309, 70%, 35%)
CMYK
cmyk(0%, 70%, 10%, 65%)
Oklch
oklch(33.8% 0.114 334.1)

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

#903548

Crimson · Brown · Wine Red

HEX
#903548
RGB
rgb(144, 53, 72)
HSL
hsl(347, 46%, 39%)
HSB
hsb(347, 63%, 56%)
CMYK
cmyk(0%, 63%, 50%, 44%)
Oklch
oklch(46.3% 0.124 10.6)

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

#C74F40

Crimson · Sienna · Passion Red

HEX
#C74F40
RGB
rgb(199, 79, 64)
HSL
hsl(7, 55%, 52%)
HSB
hsb(7, 68%, 78%)
CMYK
cmyk(0%, 60%, 68%, 22%)
Oklch
oklch(58.4% 0.156 29.7)

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

#FF6938

Apricot · Tomato · Warm Sun

HEX
#FF6938
RGB
rgb(255, 105, 56)
HSL
hsl(15, 100%, 61%)
HSB
hsb(15, 78%, 100%)
CMYK
cmyk(0%, 59%, 78%, 0%)
Oklch
oklch(70.2% 0.194 37.9)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

200057
375700

Analogous

000C57
200057
4B0057

Triadic

200057
572000
005720

Split-Comp.

200057
574B00
0C5700

Tetradic

200057
57000C
375700
00574B

Contrast Matrix WCAG 2.1 Contrast

200057
581A4F
903548
C74F40
FF6938
—
1.4
Fail
2.3
Fail
3.9
AA Large
6.1
AA
1.4
Fail
—
1.7
Fail
2.8
Fail
4.4
AA Large
2.3
Fail
1.7
Fail
—
1.7
Fail
2.6
Fail
3.9
AA Large
2.8
Fail
1.7
Fail
—
1.6
Fail
6.1
AA
4.4
AA Large
2.6
Fail
1.6
Fail
—
White BG
17.5AAA
12.5AAA
7.5AAA
4.5AA
2.9Fail
Black BG
1.2Fail
1.7Fail
2.8Fail
4.6AA
7.3AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

121242
3D3D42
696843
939244
BEBD44

Deuteranopia

14163D
41453F
6E7542
9AA345
C7D247

Tritanopia

1E312E
553836
8B403F
C14647
F84D4F

Achromatopsia

131313
333333
525252
717171
909090

Shades & Tints Shades & Tints

#200057

Dark
Light

#581A4F

Dark
Light

#903548

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #200057;
  --color-2: #581a4f;
  --color-3: #903548;
  --color-4: #c74f40;
  --color-5: #ff6938;
}

SCSS

$color-1: #200057;
$color-2: #581a4f;
$color-3: #903548;
$color-4: #c74f40;
$color-5: #ff6938;

TAILWIND

colors: {
  'brand-1': '#200057',
  'brand-2': '#581a4f',
  'brand-3': '#903548',
  'brand-4': '#c74f40',
  'brand-5': '#ff6938',
}

RGB Array

[32, 0, 87], [88, 26, 79], [144, 53, 72], [199, 79, 64], [255, 105, 56]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This sunset-style palette of #200057, #581A4F, #903548, #C74F40, #FF6938 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: #200057; --color-2: #581a4f; --color-3: #903548; --color-4: #c74f40; --color-5: #ff6938. 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