← Back to Editor

#04040C · #4A294D · #693855 · #A45B51 · #DC906A

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

#04040C

Deep Indigo · Black · Deep Sea Blue

HEX
#04040C
RGB
rgb(4, 4, 12)
HSL
hsl(240, 50%, 3%)
HSB
hsb(240, 67%, 5%)
CMYK
cmyk(67%, 67%, 0%, 95%)
Oklch
oklch(11.3% 0.022 282.3)

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

#4A294D

Dark Plum · DarkSlateGray · Eggplant

HEX
#4A294D
RGB
rgb(74, 41, 77)
HSL
hsl(295, 31%, 23%)
HSB
hsb(295, 47%, 30%)
CMYK
cmyk(4%, 47%, 0%, 70%)
Oklch
oklch(33.8% 0.074 324.0)

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

#693855

Rose Purple · DimGray · Camellia

HEX
#693855
RGB
rgb(105, 56, 85)
HSL
hsl(324, 30%, 32%)
HSB
hsb(324, 47%, 41%)
CMYK
cmyk(0%, 47%, 19%, 59%)
Oklch
oklch(41.2% 0.080 344.7)

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

#A45B51

Crimson · Sienna · Passion Red

HEX
#A45B51
RGB
rgb(164, 91, 81)
HSL
hsl(7, 34%, 48%)
HSB
hsb(7, 51%, 64%)
CMYK
cmyk(0%, 45%, 51%, 36%)
Oklch
oklch(55.3% 0.098 28.8)

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

#DC906A

Apricot · DarkSalmon · Warm Sun

HEX
#DC906A
RGB
rgb(220, 144, 106)
HSL
hsl(20, 62%, 64%)
HSB
hsb(20, 52%, 86%)
CMYK
cmyk(0%, 35%, 52%, 14%)
Oklch
oklch(72.2% 0.106 47.1)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

04040C
0B0B04

Analogous

04080B
04040C
08040B

Triadic

04040C
0B0404
040B04

Split-Comp.

04040C
0B0804
080B04

Tetradic

04040C
0B0408
0B0B04
040B08

Contrast Matrix WCAG 2.1 Contrast

04040C
4A294D
693855
A45B51
DC906A
—
1.7
Fail
2.2
Fail
4.1
AA Large
8.0
AAA
1.7
Fail
—
1.3
Fail
2.4
Fail
4.8
AA
2.2
Fail
1.3
Fail
—
1.8
Fail
3.6
AA Large
4.1
AA Large
2.4
Fail
1.8
Fail
—
2.0
Fail
8.0
AAA
4.8
AA
3.6
AA Large
2.0
Fail
—
White BG
20.4AAA
12.2AAA
9.1AAA
5.0AA
2.5Fail
Black BG
1.0Fail
1.7Fail
2.3Fail
4.2AA Large
8.2AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

04040A
3C3B44
54534E
848453
BBBA73

Deuteranopia

04040A
3E4042
575A4C
898E54
C0C575

Tritanopia

040908
483D3C
674847
A05556
D87A7C

Achromatopsia

050505
373737
4A4A4A
707070
A2A2A2

Shades & Tints Shades & Tints

#04040C

Dark
Light

#4A294D

Dark
Light

#693855

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #04040c;
  --color-2: #4a294d;
  --color-3: #693855;
  --color-4: #a45b51;
  --color-5: #dc906a;
}

SCSS

$color-1: #04040c;
$color-2: #4a294d;
$color-3: #693855;
$color-4: #a45b51;
$color-5: #dc906a;

TAILWIND

colors: {
  'brand-1': '#04040c',
  'brand-2': '#4a294d',
  'brand-3': '#693855',
  'brand-4': '#a45b51',
  'brand-5': '#dc906a',
}

RGB Array

[4, 4, 12], [74, 41, 77], [105, 56, 85], [164, 91, 81], [220, 144, 106]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This sunset-style palette of #04040C, #4A294D, #693855, #A45B51, #DC906A is ideal for: tech websites, dark mode UIs, game UIs, 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: #04040c; --color-2: #4a294d; --color-3: #693855; --color-4: #a45b51; --color-5: #dc906a. 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 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