← Back to Editor

#00081D · #6E1A29 · #E41A30 · #C65243 · #C3936F

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

#00081D

Indigo · Black · Deep Sea Blue

HEX
#00081D
RGB
rgb(0, 8, 29)
HSL
hsl(223, 100%, 6%)
HSB
hsb(223, 100%, 11%)
CMYK
cmyk(100%, 72%, 0%, 89%)
Oklch
oklch(14.0% 0.050 257.2)

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

#6E1A29

Vermilion · Maroon · Wine Red

HEX
#6E1A29
RGB
rgb(110, 26, 41)
HSL
hsl(349, 62%, 27%)
HSB
hsb(349, 76%, 43%)
CMYK
cmyk(0%, 76%, 63%, 57%)
Oklch
oklch(36.3% 0.117 15.3)

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

#E41A30

Vermilion · Crimson · Passion Red

HEX
#E41A30
RGB
rgb(228, 26, 48)
HSL
hsl(353, 80%, 50%)
HSB
hsb(353, 89%, 89%)
CMYK
cmyk(0%, 89%, 79%, 11%)
Oklch
oklch(58.7% 0.227 24.2)

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

#C65243

Crimson · Sienna · Passion Red

HEX
#C65243
RGB
rgb(198, 82, 67)
HSL
hsl(7, 53%, 52%)
HSB
hsb(7, 66%, 78%)
CMYK
cmyk(0%, 59%, 66%, 22%)
Oklch
oklch(58.7% 0.152 29.7)

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

#C3936F

Tangerine · DarkSalmon · Warm Sun

HEX
#C3936F
RGB
rgb(195, 147, 111)
HSL
hsl(26, 41%, 60%)
HSB
hsb(26, 43%, 76%)
CMYK
cmyk(0%, 25%, 43%, 24%)
Oklch
oklch(70.0% 0.076 58.0)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

00081D
1F1600

Analogous

00181F
00081D
07001F

Triadic

00081D
1F0009
091F00

Split-Comp.

00081D
1F0700
181F00

Tetradic

00081D
1F0018
1F1600
001F07

Contrast Matrix WCAG 2.1 Contrast

00081D
6E1A29
E41A30
C65243
C3936F
—
1.8
Fail
4.3
AA Large
4.5
AA Large
7.3
AAA
1.8
Fail
—
2.4
Fail
2.5
Fail
4.2
AA Large
4.3
AA Large
2.4
Fail
—
1.0
Fail
1.7
Fail
4.5
AA Large
2.5
Fail
1.0
Fail
—
1.6
Fail
7.3
AAA
4.2
AA Large
1.7
Fail
1.6
Fail
—
White BG
20.0AAA
11.4AAA
4.7AA
4.5AA Large
2.7Fail
Black BG
1.1Fail
1.8Fail
4.5AA Large
4.7AA
7.7AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

030418
4A4925
8D8B2B
949347
AEAE78

Deuteranopia

030217
4F5525
98A729
9BA348
B1B57A

Tritanopia

001413
6A2322
DA2626
C0494A
C17F80

Achromatopsia

080808
353535
595959
737373
9D9D9D

Shades & Tints Shades & Tints

#00081D

Dark
Light

#6E1A29

Dark
Light

#E41A30

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #00081d;
  --color-2: #6e1a29;
  --color-3: #e41a30;
  --color-4: #c65243;
  --color-5: #c3936f;
}

SCSS

$color-1: #00081d;
$color-2: #6e1a29;
$color-3: #e41a30;
$color-4: #c65243;
$color-5: #c3936f;

TAILWIND

colors: {
  'brand-1': '#00081d',
  'brand-2': '#6e1a29',
  'brand-3': '#e41a30',
  'brand-4': '#c65243',
  'brand-5': '#c3936f',
}

RGB Array

[0, 8, 29], [110, 26, 41], [228, 26, 48], [198, 82, 67], [195, 147, 111]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This sunset-style palette of #00081D, #6E1A29, #E41A30, #C65243, #C3936F 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: #00081d; --color-2: #6e1a29; --color-3: #e41a30; --color-4: #c65243; --color-5: #c3936f. 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