← Back to Editor

#E66255 · #8F3C4C · #402745 · #282250 · #070D1D

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

#E66255

Peach Pink · Tomato · Coral Red

HEX
#E66255
RGB
rgb(230, 98, 85)
HSL
hsl(5, 74%, 62%)
HSB
hsb(5, 63%, 90%)
CMYK
cmyk(0%, 57%, 63%, 10%)
Oklch
oklch(65.9% 0.167 28.1)

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

#8F3C4C

Crimson · Sienna · Wine Red

HEX
#8F3C4C
RGB
rgb(143, 60, 76)
HSL
hsl(348, 41%, 40%)
HSB
hsb(348, 58%, 56%)
CMYK
cmyk(0%, 58%, 47%, 44%)
Oklch
oklch(47.2% 0.113 10.6)

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

#402745

Dark Plum · DarkSlateGray · Eggplant

HEX
#402745
RGB
rgb(64, 39, 69)
HSL
hsl(290, 28%, 21%)
HSB
hsb(290, 43%, 27%)
CMYK
cmyk(7%, 43%, 0%, 73%)
Oklch
oklch(31.7% 0.061 320.8)

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

#282250

Deep Indigo · MidnightBlue · Prussian Blue

HEX
#282250
RGB
rgb(40, 34, 80)
HSL
hsl(248, 40%, 22%)
HSB
hsb(248, 57%, 31%)
CMYK
cmyk(50%, 58%, 0%, 69%)
Oklch
oklch(28.6% 0.081 286.0)

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

#070D1D

Indigo · Black · Deep Sea Blue

HEX
#070D1D
RGB
rgb(7, 13, 29)
HSL
hsl(224, 61%, 7%)
HSB
hsb(224, 76%, 11%)
CMYK
cmyk(76%, 55%, 0%, 89%)
Oklch
oklch(16.3% 0.035 266.3)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

E66255
56DAE6

Analogous

E65692
E66255
E6AA56

Triadic

E66255
56E662
6256E6

Split-Comp.

E66255
56E6AA
5692E6

Tetradic

E66255
92E656
56DAE6
AA56E6

Contrast Matrix WCAG 2.1 Contrast

E66255
8F3C4C
402745
282250
070D1D
—
2.1
Fail
3.9
AA Large
4.4
AA Large
5.8
AA
2.1
Fail
—
1.8
Fail
2.0
Fail
2.7
Fail
3.9
AA Large
1.8
Fail
—
1.1
Fail
1.5
Fail
4.4
AA Large
2.0
Fail
1.1
Fail
—
1.3
Fail
5.8
AA
2.7
Fail
1.5
Fail
1.3
Fail
—
White BG
3.4AA Large
7.2AAA
13.2AAA
14.6AAA
19.4AAA
Black BG
6.2AA
2.9Fail
1.6Fail
1.4Fail
1.1Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

ADAC58
6B6A48
35353E
252545
0A0A19

Deuteranopia

B5BE59
707647
37393C
262642
090918

Tritanopia

DF5B5B
8B4544
3F3837
283C3A
071615

Achromatopsia

888888
575757
323232
292929
0D0D0D

Shades & Tints Shades & Tints

#E66255

Dark
Light

#8F3C4C

Dark
Light

#402745

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #e66255;
  --color-2: #8f3c4c;
  --color-3: #402745;
  --color-4: #282250;
  --color-5: #070d1d;
}

SCSS

$color-1: #e66255;
$color-2: #8f3c4c;
$color-3: #402745;
$color-4: #282250;
$color-5: #070d1d;

TAILWIND

colors: {
  'brand-1': '#e66255',
  'brand-2': '#8f3c4c',
  'brand-3': '#402745',
  'brand-4': '#282250',
  'brand-5': '#070d1d',
}

RGB Array

[230, 98, 85], [143, 60, 76], [64, 39, 69], [40, 34, 80], [7, 13, 29]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This sunset-style palette of #E66255, #8F3C4C, #402745, #282250, #070D1D 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: #e66255; --color-2: #8f3c4c; --color-3: #402745; --color-4: #282250; --color-5: #070d1d. 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