← Back to Editor

#1A130D · #6E587C · #A58173 · #E1893F · #D45135

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

#1A130D

Tangerine · Black · Cinnamon

HEX
#1A130D
RGB
rgb(26, 19, 13)
HSL
hsl(28, 33%, 8%)
HSB
hsb(28, 50%, 10%)
CMYK
cmyk(0%, 27%, 50%, 90%)
Oklch
oklch(19.4% 0.016 62.2)

Traditional「Tangerine」· Paint「Cinnamon」· Creative Blush Sunrise

#6E587C

Dark Plum · DimGray · Violet

HEX
#6E587C
RGB
rgb(110, 88, 124)
HSL
hsl(277, 17%, 42%)
HSB
hsb(277, 29%, 49%)
CMYK
cmyk(11%, 29%, 0%, 51%)
Oklch
oklch(49.6% 0.062 311.9)

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

#A58173

Tangerine · Gray · Warm Sun

HEX
#A58173
RGB
rgb(165, 129, 115)
HSL
hsl(17, 22%, 55%)
HSB
hsb(17, 30%, 65%)
CMYK
cmyk(0%, 22%, 30%, 35%)
Oklch
oklch(63.4% 0.049 42.3)

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

#E1893F

Tangerine · Coral · Warm Sun

HEX
#E1893F
RGB
rgb(225, 137, 63)
HSL
hsl(27, 73%, 56%)
HSB
hsb(27, 72%, 88%)
CMYK
cmyk(0%, 39%, 72%, 12%)
Oklch
oklch(71.0% 0.139 57.6)

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

#D45135

Vermilion · Chocolate · Passion Red

HEX
#D45135
RGB
rgb(212, 81, 53)
HSL
hsl(11, 65%, 52%)
HSB
hsb(11, 75%, 83%)
CMYK
cmyk(0%, 62%, 75%, 17%)
Oklch
oklch(60.5% 0.171 33.7)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

1A130D
0E151B

Analogous

1B0E0E
1A130D
1B1B0E

Triadic

1A130D
0E1B14
140E1B

Split-Comp.

1A130D
0E1B1B
0E0E1B

Tetradic

1A130D
0E1B0E
0E151B
1B0E1B

Contrast Matrix WCAG 2.1 Contrast

1A130D
6E587C
A58173
E1893F
D45135
—
2.9
Fail
5.2
AA
6.9
AA
4.4
AA Large
2.9
Fail
—
1.8
Fail
2.3
Fail
1.5
Fail
5.2
AA
1.8
Fail
—
1.3
Fail
1.2
Fail
6.9
AA
2.3
Fail
1.3
Fail
—
1.6
Fail
4.4
AA Large
1.5
Fail
1.2
Fail
1.6
Fail
—
White BG
18.4AAA
6.3AA
3.5AA Large
2.7Fail
4.2AA Large
Black BG
1.1Fail
3.3AA Large
6.0AA
7.9AAA
5.0AA

Color Blindness Simulation Color Blindness Simulation

Protanopia

17170E
646473
959576
BBBA51
9B9A3C

Deuteranopia

17180F
666771
989A77
C0C755
A3AD3D

Tritanopia

1A1010
6D6C6B
A3797A
DD5F62
CD4142

Achromatopsia

141414
636363
8A8A8A
9B9B9B
757575

Shades & Tints Shades & Tints

#1A130D

Dark
Light

#6E587C

Dark
Light

#A58173

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #1a130d;
  --color-2: #6e587c;
  --color-3: #a58173;
  --color-4: #e1893f;
  --color-5: #d45135;
}

SCSS

$color-1: #1a130d;
$color-2: #6e587c;
$color-3: #a58173;
$color-4: #e1893f;
$color-5: #d45135;

TAILWIND

colors: {
  'brand-1': '#1a130d',
  'brand-2': '#6e587c',
  'brand-3': '#a58173',
  'brand-4': '#e1893f',
  'brand-5': '#d45135',
}

RGB Array

[26, 19, 13], [110, 88, 124], [165, 129, 115], [225, 137, 63], [212, 81, 53]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This sunset-style palette of #1A130D, #6E587C, #A58173, #E1893F, #D45135 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: #1a130d; --color-2: #6e587c; --color-3: #a58173; --color-4: #e1893f; --color-5: #d45135. 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