← Back to Editor

#040029 · #603AB3 · #895C9F · #B57782 · #E7A044

sunset

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

HarmoniousVersatileWarmCool

Industry INDUSTRY

E-commerceBusiness

UI Context UI CONTEXT

Web PageComponent LibraryData Visualization

Color Details Color Details

#040029

Deep Indigo · Black · Deep Sea Blue

HEX
#040029
RGB
rgb(4, 0, 41)
HSL
hsl(246, 100%, 8%)
HSB
hsb(246, 100%, 16%)
CMYK
cmyk(90%, 100%, 0%, 84%)
Oklch
oklch(13.4% 0.084 274.4)

Traditional「Deep Indigo」· Paint「Deep Sea Blue」· Creative Blush Sunrise

#603AB3

Deep Indigo · SlateBlue · Navy Blue

HEX
#603AB3
RGB
rgb(96, 58, 179)
HSL
hsl(259, 51%, 46%)
HSB
hsb(259, 68%, 70%)
CMYK
cmyk(46%, 68%, 0%, 30%)
Oklch
oklch(46.4% 0.181 292.3)

Traditional「Deep Indigo」· Paint「Navy Blue」· Creative Blush Sunrise

#895C9F

Dark Plum · SlateGray · Violet

HEX
#895C9F
RGB
rgb(137, 92, 159)
HSL
hsl(280, 27%, 49%)
HSB
hsb(280, 42%, 62%)
CMYK
cmyk(14%, 42%, 0%, 38%)
Oklch
oklch(54.9% 0.112 314.0)

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

#B57782

Crimson · Gray · Passion Red

HEX
#B57782
RGB
rgb(181, 119, 130)
HSL
hsl(349, 30%, 59%)
HSB
hsb(349, 34%, 71%)
CMYK
cmyk(0%, 34%, 28%, 29%)
Oklch
oklch(63.7% 0.079 7.9)

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

#E7A044

Ginger · SandyBrown · Warm Sun

HEX
#E7A044
RGB
rgb(231, 160, 68)
HSL
hsl(34, 77%, 59%)
HSB
hsb(34, 71%, 91%)
CMYK
cmyk(0%, 31%, 71%, 9%)
Oklch
oklch(75.9% 0.135 69.9)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

040029
252900

Analogous

001029
040029
180029

Triadic

040029
290400
002904

Split-Comp.

040029
291800
102900

Tetradic

040029
290010
252900
002918

Contrast Matrix WCAG 2.1 Contrast

040029
603AB3
895C9F
B57782
E7A044
—
2.7
Fail
3.9
AA Large
5.7
AA
9.2
AAA
2.7
Fail
—
1.5
Fail
2.2
Fail
3.5
AA Large
3.9
AA Large
1.5
Fail
—
1.4
Fail
2.3
Fail
5.7
AA
2.2
Fail
1.4
Fail
—
1.6
Fail
9.2
AAA
3.5
AA Large
2.3
Fail
1.6
Fail
—
White BG
20.2AAA
7.6AAA
5.1AA
3.5AA Large
2.2Fail
Black BG
1.0Fail
2.8Fail
4.1AA Large
5.9AA
9.5AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

02021F
504F96
76758F
9A9A7F
C8C85A

Deuteranopia

03031D
52558F
787B8B
9EA27F
CCD260

Tritanopia

041716
5E7F7A
87827F
B27D7D
E36C70

Achromatopsia

060606
535353
717171
8B8B8B
ABABAB

Shades & Tints Shades & Tints

#040029

Dark
Light

#603AB3

Dark
Light

#895C9F

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #040029;
  --color-2: #603ab3;
  --color-3: #895c9f;
  --color-4: #b57782;
  --color-5: #e7a044;
}

SCSS

$color-1: #040029;
$color-2: #603ab3;
$color-3: #895c9f;
$color-4: #b57782;
$color-5: #e7a044;

TAILWIND

colors: {
  'brand-1': '#040029',
  'brand-2': '#603ab3',
  'brand-3': '#895c9f',
  'brand-4': '#b57782',
  'brand-5': '#e7a044',
}

RGB Array

[4, 0, 41], [96, 58, 179], [137, 92, 159], [181, 119, 130], [231, 160, 68]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This sunset-style palette of #040029, #603AB3, #895C9F, #B57782, #E7A044 is ideal for: infographics, data visualization, accessible design. High contrast ensures clear visual hierarchy and readability. It is a balanced and harmonious choice among 5-color palettes.

How to use this palette in CSS or frontend projects?

Copy the CSS variables directly: --color-1: #040029; --color-2: #603ab3; --color-3: #895c9f; --color-4: #b57782; --color-5: #e7a044. 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?

Medium-brightness colors suit brand primary and accent colors. Use the darkest for text, lightest for backgrounds, and mid-tones for emphasis. 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 tech, SaaS, healthcare, eco industries. 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