← Back to Editor

#C8243C · #651A31 · #E8DFBE · #7E6A69 · #DAB84C

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

#C8243C

Vermilion · Crimson · Passion Red

HEX
#C8243C
RGB
rgb(200, 36, 60)
HSL
hsl(351, 69%, 46%)
HSB
hsb(351, 82%, 78%)
CMYK
cmyk(0%, 82%, 70%, 22%)
Oklch
oklch(54.2% 0.197 20.0)

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

#651A31

Dark Violet · Maroon · Raspberry

HEX
#651A31
RGB
rgb(101, 26, 49)
HSL
hsl(342, 59%, 25%)
HSB
hsb(342, 74%, 40%)
CMYK
cmyk(0%, 74%, 51%, 60%)
Oklch
oklch(34.8% 0.108 6.3)

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

#E8DFBE

Goose Yellow · Wheat · Lemon Cream

HEX
#E8DFBE
RGB
rgb(232, 223, 190)
HSL
hsl(47, 48%, 83%)
HSB
hsb(47, 18%, 91%)
CMYK
cmyk(0%, 4%, 18%, 9%)
Oklch
oklch(90.2% 0.045 94.5)

Traditional「Goose Yellow」· Paint「Lemon Cream」· Creative Lemon Fizz

#7E6A69

Crimson · DimGray · Warm Gray

HEX
#7E6A69
RGB
rgb(126, 106, 105)
HSL
hsl(3, 9%, 45%)
HSB
hsb(3, 17%, 49%)
CMYK
cmyk(0%, 16%, 17%, 51%)
Oklch
oklch(54.3% 0.026 21.4)

Traditional「Crimson」· Paint「Warm Gray」· Creative Urban Concrete

#DAB84C

Ginger · SandyBrown · Sunflower

HEX
#DAB84C
RGB
rgb(218, 184, 76)
HSL
hsl(46, 66%, 58%)
HSB
hsb(46, 65%, 85%)
CMYK
cmyk(0%, 16%, 65%, 15%)
Oklch
oklch(79.2% 0.131 91.6)

Traditional「Ginger」· Paint「Sunflower」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

C8243C
24C6AE

Analogous

C6248E
C8243C
C65D24

Triadic

C8243C
3DC624
243DC6

Split-Comp.

C8243C
24C65D
248EC6

Tetradic

C8243C
8EC624
24C6AE
5D24C6

Contrast Matrix WCAG 2.1 Contrast

C8243C
651A31
E8DFBE
7E6A69
DAB84C
—
2.2
Fail
4.2
AA Large
1.1
Fail
2.9
Fail
2.2
Fail
—
9.0
AAA
2.4
Fail
6.3
AA
4.2
AA Large
9.0
AAA
—
3.8
AA Large
1.4
Fail
1.1
Fail
2.4
Fail
3.8
AA Large
—
2.6
Fail
2.9
Fail
6.3
AA
1.4
Fail
2.6
Fail
—
White BG
5.6AA
12.0AAA
1.3Fail
5.1AA
1.9Fail
Black BG
3.8AA Large
1.7Fail
15.7AAA
4.2AA Large
10.9AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

818036
45442B
E4E4C6
757569
CBCB66

Deuteranopia

8B9735
494E2A
E5E5C8
777869
CDD06C

Tritanopia

C03231
612726
E8CCCE
7D6969
D87B7F

Achromatopsia

585858
333333
DEDEDE
707070
B6B6B6

Shades & Tints Shades & Tints

#C8243C

Dark
Light

#651A31

Dark
Light

#E8DFBE

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #c8243c;
  --color-2: #651a31;
  --color-3: #e8dfbe;
  --color-4: #7e6a69;
  --color-5: #dab84c;
}

SCSS

$color-1: #c8243c;
$color-2: #651a31;
$color-3: #e8dfbe;
$color-4: #7e6a69;
$color-5: #dab84c;

TAILWIND

colors: {
  'brand-1': '#c8243c',
  'brand-2': '#651a31',
  'brand-3': '#e8dfbe',
  'brand-4': '#7e6a69',
  'brand-5': '#dab84c',
}

RGB Array

[200, 36, 60], [101, 26, 49], [232, 223, 190], [126, 106, 105], [218, 184, 76]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This sunset-style palette of #C8243C, #651A31, #E8DFBE, #7E6A69, #DAB84C 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: #c8243c; --color-2: #651a31; --color-3: #e8dfbe; --color-4: #7e6a69; --color-5: #dab84c. 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