← Back to Editor

#A04445 · #3D1A18 · #815669 · #E2A576 · #FACB61

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

#A04445

Crimson · Sienna · Passion Red

HEX
#A04445
RGB
rgb(160, 68, 69)
HSL
hsl(359, 40%, 45%)
HSB
hsb(359, 57%, 63%)
CMYK
cmyk(0%, 58%, 57%, 37%)
Oklch
oklch(50.9% 0.123 21.8)

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

#3D1A18

Crimson · Black · Deep Berry

HEX
#3D1A18
RGB
rgb(61, 26, 24)
HSL
hsl(3, 44%, 17%)
HSB
hsb(3, 61%, 24%)
CMYK
cmyk(0%, 57%, 61%, 76%)
Oklch
oklch(26.8% 0.055 24.8)

Traditional「Crimson」· Paint「Deep Berry」· Creative Blush Sunrise

#815669

Dark Violet · DimGray · Camellia

HEX
#815669
RGB
rgb(129, 86, 105)
HSL
hsl(333, 20%, 42%)
HSB
hsb(333, 33%, 51%)
CMYK
cmyk(0%, 33%, 19%, 49%)
Oklch
oklch(50.6% 0.063 351.5)

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

#E2A576

Apricot · DarkSalmon · Warm Sun

HEX
#E2A576
RGB
rgb(226, 165, 118)
HSL
hsl(26, 65%, 67%)
HSB
hsb(26, 48%, 89%)
CMYK
cmyk(0%, 27%, 48%, 11%)
Oklch
oklch(76.9% 0.095 58.4)

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

#FACB61

Ginger · SandyBrown · Sunflower

HEX
#FACB61
RGB
rgb(250, 203, 97)
HSL
hsl(42, 94%, 68%)
HSB
hsb(42, 61%, 98%)
CMYK
cmyk(0%, 19%, 61%, 2%)
Oklch
oklch(86.3% 0.134 85.3)

Traditional「Ginger」· Paint「Sunflower」· Creative Lemon Fizz

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

A04445
45A19F

Analogous

A14574
A04445
A17145

Triadic

A04445
46A145
4546A1

Split-Comp.

A04445
45A171
4574A1

Tetradic

A04445
74A145
45A19F
7145A1

Contrast Matrix WCAG 2.1 Contrast

A04445
3D1A18
815669
E2A576
FACB61
—
2.5
Fail
1.0
Fail
2.9
Fail
4.0
AA Large
2.5
Fail
—
2.6
Fail
7.3
AAA
10.1
AAA
1.0
Fail
2.6
Fail
—
2.8
Fail
4.0
AA Large
2.9
Fail
7.3
AAA
2.8
Fail
—
1.4
Fail
4.0
AA Large
10.1
AAA
4.0
AA Large
1.4
Fail
—
White BG
6.2AA
15.4AAA
6.1AA
2.1Fail
1.5Fail
Black BG
3.4AA Large
1.4Fail
3.5AA Large
9.9AAA
13.8AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

787745
2E2E18
6E6E64
C8C781
E6E57B

Deuteranopia

7E8445
303219
717463
CBD084
E8EC81

Tritanopia

9B4545
3B1919
7F6160
DF8A8C
F88F93

Achromatopsia

606060
242424
656565
B2B2B2
CDCDCD

Shades & Tints Shades & Tints

#A04445

Dark
Light

#3D1A18

Dark
Light

#815669

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #a04445;
  --color-2: #3d1a18;
  --color-3: #815669;
  --color-4: #e2a576;
  --color-5: #facb61;
}

SCSS

$color-1: #a04445;
$color-2: #3d1a18;
$color-3: #815669;
$color-4: #e2a576;
$color-5: #facb61;

TAILWIND

colors: {
  'brand-1': '#a04445',
  'brand-2': '#3d1a18',
  'brand-3': '#815669',
  'brand-4': '#e2a576',
  'brand-5': '#facb61',
}

RGB Array

[160, 68, 69], [61, 26, 24], [129, 86, 105], [226, 165, 118], [250, 203, 97]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This sunset-style palette of #A04445, #3D1A18, #815669, #E2A576, #FACB61 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: #a04445; --color-2: #3d1a18; --color-3: #815669; --color-4: #e2a576; --color-5: #facb61. 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