← Back to Editor

#874A57 · #D16972 · #E79D9B · #FBE9C9 · #C45156

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

#874A57

Crimson · DimGray · Passion Red

HEX
#874A57
RGB
rgb(135, 74, 87)
HSL
hsl(347, 29%, 41%)
HSB
hsb(347, 45%, 53%)
CMYK
cmyk(0%, 45%, 36%, 47%)
Oklch
oklch(48.6% 0.084 7.0)

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

#D16972

Peach Pink · LightCoral · Coral Red

HEX
#D16972
RGB
rgb(209, 105, 114)
HSL
hsl(355, 53%, 62%)
HSB
hsb(355, 50%, 82%)
CMYK
cmyk(0%, 50%, 45%, 18%)
Oklch
oklch(64.5% 0.131 16.1)

Traditional「Peach Pink」· Paint「Coral Red」· Creative Rose Petal

#E79D9B

Peach Pink · DarkSalmon · Coral Red

HEX
#E79D9B
RGB
rgb(231, 157, 155)
HSL
hsl(2, 61%, 76%)
HSB
hsb(2, 33%, 91%)
CMYK
cmyk(0%, 32%, 33%, 9%)
Oklch
oklch(76.8% 0.089 21.0)

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

#FBE9C9

Goose Yellow · Bisque · Peach Orange

HEX
#FBE9C9
RGB
rgb(251, 233, 201)
HSL
hsl(38, 86%, 89%)
HSB
hsb(38, 20%, 98%)
CMYK
cmyk(0%, 7%, 20%, 2%)
Oklch
oklch(94.0% 0.046 82.0)

Traditional「Goose Yellow」· Paint「Peach Orange」· Creative Honey Glow

#C45156

Crimson · Sienna · Passion Red

HEX
#C45156
RGB
rgb(196, 81, 86)
HSL
hsl(357, 49%, 54%)
HSB
hsb(357, 59%, 77%)
CMYK
cmyk(0%, 59%, 56%, 23%)
Oklch
oklch(58.6% 0.148 20.2)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

874A57
4A877A

Analogous

874A76
874A57
875B4A

Triadic

874A57
57874A
4A5787

Split-Comp.

874A57
4A875B
4A7687

Tetradic

874A57
76874A
4A877A
5B4A87

Contrast Matrix WCAG 2.1 Contrast

874A57
D16972
E79D9B
FBE9C9
C45156
—
1.9
Fail
3.1
AA Large
5.6
AA
1.5
Fail
1.9
Fail
—
1.6
Fail
2.9
Fail
1.3
Fail
3.1
AA Large
1.6
Fail
—
1.8
Fail
2.1
Fail
5.6
AA
2.9
Fail
1.8
Fail
—
3.8
AA Large
1.5
Fail
1.3
Fail
2.1
Fail
3.8
AA Large
—
White BG
6.7AA
3.5AA Large
2.2Fail
1.2Fail
4.5AA
Black BG
3.1AA Large
6.0AA
9.7AAA
17.6AAA
4.7AA

Color Blindness Simulation Color Blindness Simulation

Protanopia

6D6C54
A4A370
C7C69B
F3F3D1
929155

Deuteranopia

707553
AAB26F
CBD19C
F4F6D3
99A255

Tritanopia

845151
CC6E6E
E39C9C
FAD7D8
BE5454

Achromatopsia

5E5E5E
898989
B3B3B3
EBEBEB
747474

Shades & Tints Shades & Tints

#874A57

Dark
Light

#D16972

Dark
Light

#E79D9B

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #874a57;
  --color-2: #d16972;
  --color-3: #e79d9b;
  --color-4: #fbe9c9;
  --color-5: #c45156;
}

SCSS

$color-1: #874a57;
$color-2: #d16972;
$color-3: #e79d9b;
$color-4: #fbe9c9;
$color-5: #c45156;

TAILWIND

colors: {
  'brand-1': '#874a57',
  'brand-2': '#d16972',
  'brand-3': '#e79d9b',
  'brand-4': '#fbe9c9',
  'brand-5': '#c45156',
}

RGB Array

[135, 74, 87], [209, 105, 114], [231, 157, 155], [251, 233, 201], [196, 81, 86]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This sunset-style palette of #874A57, #D16972, #E79D9B, #FBE9C9, #C45156 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: #874a57; --color-2: #d16972; --color-3: #e79d9b; --color-4: #fbe9c9; --color-5: #c45156. 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