← Back to Editor

#4D3F61 · #942860 · #E0233F · #F76331 · #FF9500

sunset

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

PassionateDynamicWarmCool

Industry INDUSTRY

EntertainmentFMCG

UI Context UI CONTEXT

Sale PromoSocial App

Color Details Color Details

#4D3F61

Deep Indigo · DarkSlateGray · Eggplant

HEX
#4D3F61
RGB
rgb(77, 63, 97)
HSL
hsl(265, 21%, 31%)
HSB
hsb(265, 35%, 38%)
CMYK
cmyk(21%, 35%, 0%, 62%)
Oklch
oklch(39.7% 0.059 302.7)

Traditional「Deep Indigo」· Paint「Eggplant」· Creative Blush Sunrise

#942860

Rose Purple · Purple · Camellia

HEX
#942860
RGB
rgb(148, 40, 96)
HSL
hsl(329, 57%, 37%)
HSB
hsb(329, 73%, 58%)
CMYK
cmyk(0%, 73%, 35%, 42%)
Oklch
oklch(46.3% 0.153 353.0)

Traditional「Rose Purple」· Paint「Camellia」· Creative Blush Sunrise

#E0233F

Vermilion · Crimson · Passion Red

HEX
#E0233F
RGB
rgb(224, 35, 63)
HSL
hsl(351, 75%, 51%)
HSB
hsb(351, 84%, 88%)
CMYK
cmyk(0%, 84%, 72%, 12%)
Oklch
oklch(58.6% 0.218 20.8)

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

#F76331

Tangerine · Tomato · Warm Sun

HEX
#F76331
RGB
rgb(247, 99, 49)
HSL
hsl(15, 93%, 58%)
HSB
hsb(15, 80%, 97%)
CMYK
cmyk(0%, 60%, 80%, 3%)
Oklch
oklch(68.2% 0.192 38.1)

Traditional「Tangerine」· Paint「Warm Sun」· Creative Blush Sunrise

#FF9500

Ochre · Orange · Amber Brown

HEX
#FF9500
RGB
rgb(255, 149, 0)
HSL
hsl(35, 100%, 50%)
HSB
hsb(35, 100%, 100%)
CMYK
cmyk(0%, 42%, 100%, 0%)
Oklch
oklch(76.5% 0.175 62.6)

Traditional「Ochre」· Paint「Amber Brown」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

4D3F61
52603E

Analogous

3E4160
4D3F61
5D3E60

Triadic

4D3F61
604C3E
3E604C

Split-Comp.

4D3F61
605D3E
41603E

Tetradic

4D3F61
603E41
52603E
3E605D

Contrast Matrix WCAG 2.1 Contrast

4D3F61
942860
E0233F
F76331
FF9500
—
1.2
Fail
2.0
Fail
3.1
AA Large
4.3
AA Large
1.2
Fail
—
1.6
Fail
2.5
Fail
3.5
AA Large
2.0
Fail
1.6
Fail
—
1.5
Fail
2.1
Fail
3.1
AA Large
2.5
Fail
1.5
Fail
—
1.4
Fail
4.3
AA Large
3.5
AA Large
2.1
Fail
1.4
Fail
—
White BG
9.5AAA
7.7AAA
4.7AA
3.1AA Large
2.2Fail
Black BG
2.2Fail
2.7Fail
4.5AA Large
6.8AA
9.6AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

474759
656452
8E8C38
B7B63D
D1D024

Deuteranopia

484957
6C744F
99A737
C0CB40
D7DF2D

Tritanopia

4C5251
8F4845
D73332
F04749
FA4147

Achromatopsia

474747
4F4F4F
5F5F5F
8A8A8A
A4A4A4

Shades & Tints Shades & Tints

#4D3F61

Dark
Light

#942860

Dark
Light

#E0233F

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #4d3f61;
  --color-2: #942860;
  --color-3: #e0233f;
  --color-4: #f76331;
  --color-5: #ff9500;
}

SCSS

$color-1: #4d3f61;
$color-2: #942860;
$color-3: #e0233f;
$color-4: #f76331;
$color-5: #ff9500;

TAILWIND

colors: {
  'brand-1': '#4d3f61',
  'brand-2': '#942860',
  'brand-3': '#e0233f',
  'brand-4': '#f76331',
  'brand-5': '#ff9500',
}

RGB Array

[77, 63, 97], [148, 40, 96], [224, 35, 63], [247, 99, 49], [255, 149, 0]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This sunset-style palette of #4D3F61, #942860, #E0233F, #F76331, #FF9500 is ideal for: social media posters, mobile apps, e-commerce promos. Vivid colors effectively attract user attention. 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: #4d3f61; --color-2: #942860; --color-3: #e0233f; --color-4: #f76331; --color-5: #ff9500. 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. 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