← Back to Editor

#FF3E4E · #FF6261 · #FF8861 · #FFB361 · #FFDA61

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 App

Color Details Color Details

#FF3E4E

Peach Pink · Tomato · Coral Red

HEX
#FF3E4E
RGB
rgb(255, 62, 78)
HSL
hsl(355, 100%, 62%)
HSB
hsb(355, 76%, 100%)
CMYK
cmyk(0%, 76%, 69%, 0%)
Oklch
oklch(66.0% 0.227 22.1)

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

#FF6261

Peach Pink · Tomato · Coral Red

HEX
#FF6261
RGB
rgb(255, 98, 97)
HSL
hsl(0, 100%, 69%)
HSB
hsb(0, 62%, 100%)
CMYK
cmyk(0%, 62%, 62%, 0%)
Oklch
oklch(69.9% 0.192 23.8)

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

#FF8861

Apricot · Coral · Warm Sun

HEX
#FF8861
RGB
rgb(255, 136, 97)
HSL
hsl(15, 100%, 69%)
HSB
hsb(15, 62%, 100%)
CMYK
cmyk(0%, 47%, 62%, 0%)
Oklch
oklch(75.1% 0.154 38.8)

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

#FFB361

Ginger · SandyBrown · Warm Sun

HEX
#FFB361
RGB
rgb(255, 179, 97)
HSL
hsl(31, 100%, 69%)
HSB
hsb(31, 62%, 100%)
CMYK
cmyk(0%, 30%, 62%, 0%)
Oklch
oklch(82.3% 0.132 66.2)

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

#FFDA61

Ginger · Khaki · Sunflower

HEX
#FFDA61
RGB
rgb(255, 218, 97)
HSL
hsl(46, 100%, 69%)
HSB
hsb(46, 62%, 100%)
CMYK
cmyk(0%, 15%, 62%, 0%)
Oklch
oklch(89.7% 0.144 92.2)

Traditional「Ginger」· Paint「Sunflower」· Creative Lemon Fizz

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

FF3E4E
3DFFEF

Analogous

FF3DAE
FF3E4E
FF8E3D

Triadic

FF3E4E
4DFF3D
3D4DFF

Split-Comp.

FF3E4E
3DFF8E
3DAEFF

Tetradic

FF3E4E
AEFF3D
3DFFEF
8E3DFF

Contrast Matrix WCAG 2.1 Contrast

FF3E4E
FF6261
FF8861
FFB361
FFDA61
—
1.2
Fail
1.5
Fail
2.0
Fail
2.6
Fail
1.2
Fail
—
1.2
Fail
1.7
Fail
2.2
Fail
1.5
Fail
1.2
Fail
—
1.3
Fail
1.7
Fail
2.0
Fail
1.7
Fail
1.3
Fail
—
1.3
Fail
2.6
Fail
2.2
Fail
1.7
Fail
1.3
Fail
—
White BG
3.5AA Large
2.9Fail
2.3Fail
1.8Fail
1.4Fail
Black BG
6.1AA
7.2AAA
8.9AAA
11.9AAA
15.5AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

ABAA4A
BBBA61
CBCA6A
DEDD75
EFEF7E

Deuteranopia

B7C549
C4D061
D2DB6D
E3E87A
F1F485

Tritanopia

F54746
F76161
F97274
FB8588
FD959A

Achromatopsia

7A7A7A
919191
A7A7A7
C0C0C0
D7D7D7

Shades & Tints Shades & Tints

#FF3E4E

Dark
Light

#FF6261

Dark
Light

#FF8861

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #ff3e4e;
  --color-2: #ff6261;
  --color-3: #ff8861;
  --color-4: #ffb361;
  --color-5: #ffda61;
}

SCSS

$color-1: #ff3e4e;
$color-2: #ff6261;
$color-3: #ff8861;
$color-4: #ffb361;
$color-5: #ffda61;

TAILWIND

colors: {
  'brand-1': '#ff3e4e',
  'brand-2': '#ff6261',
  'brand-3': '#ff8861',
  'brand-4': '#ffb361',
  'brand-5': '#ffda61',
}

RGB Array

[255, 62, 78], [255, 98, 97], [255, 136, 97], [255, 179, 97], [255, 218, 97]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This sunset-style palette of #FF3E4E, #FF6261, #FF8861, #FFB361, #FFDA61 is ideal for: social media posters, mobile apps, e-commerce promos, health products, baby brands, fresh-style blogs. 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: #ff3e4e; --color-2: #ff6261; --color-3: #ff8861; --color-4: #ffb361; --color-5: #ffda61. 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?

Light tones suit backgrounds; use dark colors for body text. Mid-tones work for card backgrounds or dividers to add depth. 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