← Back to Editor

#49324F · #E44676 · #F1796B · #F79B5C · #FEB544

sunset

A 5-color sunset palette · Complete color analysis and application guide

Scene Recommendations Scene Recommendations

Emotion EMOTION

PassionateDynamicWarm

Industry INDUSTRY

EntertainmentFMCG

UI Context UI CONTEXT

Sale PromoSocial AppData Visualization

Color Details Color Details

#49324F

Dark Plum · DarkSlateGray · Eggplant

HEX
#49324F
RGB
rgb(73, 50, 79)
HSL
hsl(288, 22%, 25%)
HSB
hsb(288, 37%, 31%)
CMYK
cmyk(8%, 37%, 0%, 69%)
Oklch
oklch(35.6% 0.057 319.2)

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

#E44676

Dark Violet · MediumVioletRed · Rose Pink

HEX
#E44676
RGB
rgb(228, 70, 118)
HSL
hsl(342, 75%, 58%)
HSB
hsb(342, 69%, 89%)
CMYK
cmyk(0%, 69%, 48%, 11%)
Oklch
oklch(63.1% 0.196 6.5)

Traditional「Dark Violet」· Paint「Rose Pink」· Creative Blush Sunrise

#F1796B

Peach Pink · Salmon · Coral Red

HEX
#F1796B
RGB
rgb(241, 121, 107)
HSL
hsl(6, 83%, 68%)
HSB
hsb(6, 56%, 95%)
CMYK
cmyk(0%, 50%, 56%, 5%)
Oklch
oklch(71.1% 0.150 28.3)

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

#F79B5C

Apricot · SandyBrown · Warm Sun

HEX
#F79B5C
RGB
rgb(247, 155, 92)
HSL
hsl(24, 91%, 66%)
HSB
hsb(24, 63%, 97%)
CMYK
cmyk(0%, 37%, 63%, 3%)
Oklch
oklch(77.1% 0.135 53.7)

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

#FEB544

Ginger · SandyBrown · Warm Sun

HEX
#FEB544
RGB
rgb(254, 181, 68)
HSL
hsl(36, 99%, 63%)
HSB
hsb(36, 73%, 100%)
CMYK
cmyk(0%, 29%, 73%, 0%)
Oklch
oklch(82.3% 0.150 74.2)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

49324F
374E32

Analogous

3A324E
49324F
4E3245

Triadic

49324F
4E4832
324E48

Split-Comp.

49324F
454E32
324E3A

Tetradic

49324F
4E3A32
374E32
32454E

Contrast Matrix WCAG 2.1 Contrast

49324F
E44676
F1796B
F79B5C
FEB544
—
2.9
Fail
4.1
AA Large
5.3
AA
6.4
AA
2.9
Fail
—
1.4
Fail
1.8
Fail
2.2
Fail
4.1
AA Large
1.4
Fail
—
1.3
Fail
1.5
Fail
5.3
AA
1.8
Fail
1.3
Fail
—
1.2
Fail
6.4
AA
2.2
Fail
1.5
Fail
1.2
Fail
—
White BG
11.3AAA
3.9AA Large
2.7Fail
2.1Fail
1.8Fail
Black BG
1.9Fail
5.4AA
7.7AAA
9.8AAA
11.9AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

3F3F48
A09E6A
BDBC6E
CFCE6B
DEDE5F

Deuteranopia

404246
A9B568
C4CD6F
D5DB6F
E3E866

Tritanopia

484241
DC615F
EB7172
F2777A
FA757A

Achromatopsia

3C3C3C
7B7B7B
9B9B9B
AFAFAF
BEBEBE

Shades & Tints Shades & Tints

#49324F

Dark
Light

#E44676

Dark
Light

#F1796B

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #49324f;
  --color-2: #e44676;
  --color-3: #f1796b;
  --color-4: #f79b5c;
  --color-5: #feb544;
}

SCSS

$color-1: #49324f;
$color-2: #e44676;
$color-3: #f1796b;
$color-4: #f79b5c;
$color-5: #feb544;

TAILWIND

colors: {
  'brand-1': '#49324f',
  'brand-2': '#e44676',
  'brand-3': '#f1796b',
  'brand-4': '#f79b5c',
  'brand-5': '#feb544',
}

RGB Array

[73, 50, 79], [228, 70, 118], [241, 121, 107], [247, 155, 92], [254, 181, 68]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This sunset-style palette of #49324F, #E44676, #F1796B, #F79B5C, #FEB544 is ideal for: social media posters, mobile apps, e-commerce promos, infographics, data visualization, accessible design. Vivid colors effectively attract user attention. High contrast ensures clear visual hierarchy and readability. It is a vibrant and energetic choice among 5-color palettes.

How to use this palette in CSS or frontend projects?

Copy the CSS variables directly: --color-1: #49324f; --color-2: #e44676; --color-3: #f1796b; --color-4: #f79b5c; --color-5: #feb544. 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 food & dining, entertainment, kids education, social industries. Bold colors convey vitality and innovation. 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