← Back to Editor

#402E3E · #040404 · #FF9F52 · #E86455 · #6E516F

sunset

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

HarmoniousVersatileWarm

Industry INDUSTRY

E-commerceBusiness

UI Context UI CONTEXT

Web PageComponent LibraryData Visualization

Color Details Color Details

#402E3E

Rose Purple · DarkSlateGray · Eggplant

HEX
#402E3E
RGB
rgb(64, 46, 62)
HSL
hsl(307, 16%, 22%)
HSB
hsb(307, 28%, 25%)
CMYK
cmyk(0%, 28%, 3%, 75%)
Oklch
oklch(32.8% 0.037 330.2)

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

#040404

Ink Black · Black · Jet Black

HEX
#040404
RGB
rgb(4, 4, 4)
HSL
hsl(0, 0%, 2%)
HSB
hsb(0, 0%, 2%)
CMYK
cmyk(0%, 0%, 0%, 98%)
Oklch
oklch(10.7% 0.000 89.9)

Traditional「Ink Black」· Paint「Jet Black」· Creative Midnight Shadow

#FF9F52

Apricot · SandyBrown · Warm Sun

HEX
#FF9F52
RGB
rgb(255, 159, 82)
HSL
hsl(27, 100%, 66%)
HSB
hsb(27, 68%, 100%)
CMYK
cmyk(0%, 38%, 68%, 0%)
Oklch
oklch(78.7% 0.146 57.0)

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

#E86455

Peach Pink · Tomato · Coral Red

HEX
#E86455
RGB
rgb(232, 100, 85)
HSL
hsl(6, 76%, 62%)
HSB
hsb(6, 63%, 91%)
CMYK
cmyk(0%, 57%, 63%, 9%)
Oklch
oklch(66.5% 0.167 28.8)

Traditional「Peach Pink」· Paint「Coral Red」· Creative Blush Sunrise

#6E516F

Dark Plum · DimGray · Eggplant

HEX
#6E516F
RGB
rgb(110, 81, 111)
HSL
hsl(298, 16%, 38%)
HSB
hsb(298, 27%, 44%)
CMYK
cmyk(1%, 27%, 0%, 56%)
Oklch
oklch(47.6% 0.059 325.4)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

402E3E
2F4131

Analogous

3A2F41
402E3E
412F36

Triadic

402E3E
3F412F
2F3F41

Split-Comp.

402E3E
36412F
2F413A

Tetradic

402E3E
413A2F
2F4131
2F3641

Contrast Matrix WCAG 2.1 Contrast

402E3E
040404
FF9F52
E86455
6E516F
—
1.6
Fail
6.2
AA
3.8
AA Large
1.8
Fail
1.6
Fail
—
10.1
AAA
6.2
AA
3.0
Fail
6.2
AA
10.1
AAA
—
1.6
Fail
3.4
AA Large
3.8
AA Large
6.2
AA
1.6
Fail
—
2.1
Fail
1.8
Fail
3.0
Fail
3.4
AA Large
2.1
Fail
—
White BG
12.5AAA
20.5AAA
2.0Fail
3.3AA Large
6.8AA
Black BG
1.7Fail
1.0Fail
10.3AAA
6.4AA
3.1AA Large

Color Blindness Simulation Color Blindness Simulation

Protanopia

38383A
040404
D5D565
AFAE59
616168

Deuteranopia

393B39
040404
DBE269
B7C05A
636566

Tritanopia

3F3736
040404
FA7377
E15B5C
6D6261

Achromatopsia

353535
040404
B3B3B3
8A8A8A
5D5D5D

Shades & Tints Shades & Tints

#402E3E

Dark
Light

#040404

Dark
Light

#FF9F52

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #402e3e;
  --color-2: #040404;
  --color-3: #ff9f52;
  --color-4: #e86455;
  --color-5: #6e516f;
}

SCSS

$color-1: #402e3e;
$color-2: #040404;
$color-3: #ff9f52;
$color-4: #e86455;
$color-5: #6e516f;

TAILWIND

colors: {
  'brand-1': '#402e3e',
  'brand-2': '#040404',
  'brand-3': '#ff9f52',
  'brand-4': '#e86455',
  'brand-5': '#6e516f',
}

RGB Array

[64, 46, 62], [4, 4, 4], [255, 159, 82], [232, 100, 85], [110, 81, 111]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This sunset-style palette of #402E3E, #040404, #FF9F52, #E86455, #6E516F 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: #402e3e; --color-2: #040404; --color-3: #ff9f52; --color-4: #e86455; --color-5: #6e516f. 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