← Back to Editor

#5C3D4C · #94606C · #C88785 · #F7AB9D · #FECAB2

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

#5C3D4C

Dark Violet · DarkSlateGray · Camellia

HEX
#5C3D4C
RGB
rgb(92, 61, 76)
HSL
hsl(331, 20%, 30%)
HSB
hsb(331, 34%, 36%)
CMYK
cmyk(0%, 34%, 17%, 64%)
Oklch
oklch(40.1% 0.049 349.0)

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

#94606C

Crimson · Gray · Passion Red

HEX
#94606C
RGB
rgb(148, 96, 108)
HSL
hsl(346, 21%, 48%)
HSB
hsb(346, 35%, 58%)
CMYK
cmyk(0%, 35%, 27%, 42%)
Oklch
oklch(54.9% 0.069 4.5)

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

#C88785

Peach Pink · DarkSalmon · Coral Red

HEX
#C88785
RGB
rgb(200, 135, 133)
HSL
hsl(2, 38%, 65%)
HSB
hsb(2, 34%, 78%)
CMYK
cmyk(0%, 32%, 34%, 22%)
Oklch
oklch(68.8% 0.080 21.3)

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

#F7AB9D

Peach Pink · BurlyWood · Coral Red

HEX
#F7AB9D
RGB
rgb(247, 171, 157)
HSL
hsl(9, 85%, 79%)
HSB
hsb(9, 36%, 97%)
CMYK
cmyk(0%, 31%, 36%, 3%)
Oklch
oklch(81.1% 0.092 30.8)

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

#FECAB2

Apricot · Wheat · Peach Orange

HEX
#FECAB2
RGB
rgb(254, 202, 178)
HSL
hsl(19, 97%, 85%)
HSB
hsb(19, 30%, 100%)
CMYK
cmyk(0%, 20%, 30%, 0%)
Oklch
oklch(87.9% 0.068 46.0)

Traditional「Apricot」· Paint「Peach Orange」· Creative Honey Glow

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

5C3D4C
3D5C4D

Analogous

5C3D5B
5C3D4C
5C3E3D

Triadic

5C3D4C
4C5C3D
3D4C5C

Split-Comp.

5C3D4C
3D5C3E
3D5B5C

Tetradic

5C3D4C
5B5C3D
3D5C4D
3E3D5C

Contrast Matrix WCAG 2.1 Contrast

5C3D4C
94606C
C88785
F7AB9D
FECAB2
—
1.9
Fail
3.3
AA Large
5.1
AA
6.4
AA
1.9
Fail
—
1.7
Fail
2.7
Fail
3.4
AA Large
3.3
AA Large
1.7
Fail
—
1.6
Fail
2.0
Fail
5.1
AA
2.7
Fail
1.6
Fail
—
1.3
Fail
6.4
AA
3.4
AA Large
2.0
Fail
1.3
Fail
—
White BG
9.4AAA
5.1AA
2.9Fail
1.9Fail
1.5Fail
Black BG
2.2Fail
4.1AA Large
7.3AAA
11.3AAA
14.3AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

4F4E48
7D7D69
ACAB85
D6D5A0
E7E7B8

Deuteranopia

505348
818468
B0B586
DBE0A1
EBEEB9

Tritanopia

5A4645
916766
C58686
F3A3A4
FBBCBD

Achromatopsia

484848
717171
9A9A9A
C0C0C0
D7D7D7

Shades & Tints Shades & Tints

#5C3D4C

Dark
Light

#94606C

Dark
Light

#C88785

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #5c3d4c;
  --color-2: #94606c;
  --color-3: #c88785;
  --color-4: #f7ab9d;
  --color-5: #fecab2;
}

SCSS

$color-1: #5c3d4c;
$color-2: #94606c;
$color-3: #c88785;
$color-4: #f7ab9d;
$color-5: #fecab2;

TAILWIND

colors: {
  'brand-1': '#5c3d4c',
  'brand-2': '#94606c',
  'brand-3': '#c88785',
  'brand-4': '#f7ab9d',
  'brand-5': '#fecab2',
}

RGB Array

[92, 61, 76], [148, 96, 108], [200, 135, 133], [247, 171, 157], [254, 202, 178]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This sunset-style palette of #5C3D4C, #94606C, #C88785, #F7AB9D, #FECAB2 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: #5c3d4c; --color-2: #94606c; --color-3: #c88785; --color-4: #f7ab9d; --color-5: #fecab2. 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