← Back to Editor

#F73E3E · #FF602B · #FF914D · #FFE9DB · #DBDBDB

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

#F73E3E

Peach Pink · Tomato · Coral Red

HEX
#F73E3E
RGB
rgb(247, 62, 62)
HSL
hsl(0, 92%, 61%)
HSB
hsb(0, 75%, 97%)
CMYK
cmyk(0%, 75%, 75%, 3%)
Oklch
oklch(64.4% 0.221 26.0)

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

#FF602B

Tangerine · Tomato · Warm Sun

HEX
#FF602B
RGB
rgb(255, 96, 43)
HSL
hsl(15, 100%, 58%)
HSB
hsb(15, 83%, 100%)
CMYK
cmyk(0%, 62%, 83%, 0%)
Oklch
oklch(69.0% 0.204 37.6)

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

#FF914D

Apricot · Coral · Warm Sun

HEX
#FF914D
RGB
rgb(255, 145, 77)
HSL
hsl(23, 100%, 65%)
HSB
hsb(23, 70%, 100%)
CMYK
cmyk(0%, 43%, 70%, 0%)
Oklch
oklch(76.3% 0.156 50.2)

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

#FFE9DB

Apricot · Linen · Peach Orange

HEX
#FFE9DB
RGB
rgb(255, 233, 219)
HSL
hsl(23, 100%, 93%)
HSB
hsb(23, 14%, 100%)
CMYK
cmyk(0%, 9%, 14%, 0%)
Oklch
oklch(94.8% 0.031 54.7)

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

#DBDBDB

Plain White · LightGray · Cloud White

HEX
#DBDBDB
RGB
rgb(219, 219, 219)
HSL
hsl(0, 0%, 86%)
HSB
hsb(0, 0%, 86%)
CMYK
cmyk(0%, 0%, 0%, 14%)
Oklch
oklch(89.1% 0.000 89.9)

Traditional「Plain White」· Paint「Cloud White」· Creative Silver Lining

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

F73E3E
40F7F7

Analogous

F7409C
F73E3E
F79C40

Triadic

F73E3E
40F740
4040F7

Split-Comp.

F73E3E
40F79C
409CF7

Tetradic

F73E3E
9CF740
40F7F7
9C40F7

Contrast Matrix WCAG 2.1 Contrast

F73E3E
FF602B
FF914D
FFE9DB
DBDBDB
—
1.2
Fail
1.6
Fail
3.1
AA Large
2.7
Fail
1.2
Fail
—
1.4
Fail
2.6
Fail
2.2
Fail
1.6
Fail
1.4
Fail
—
1.9
Fail
1.6
Fail
3.1
AA Large
2.6
Fail
1.9
Fail
—
1.2
Fail
2.7
Fail
2.2
Fail
1.6
Fail
1.2
Fail
—
White BG
3.7AA Large
3.0AA Large
2.2Fail
1.2Fail
1.4Fail
Black BG
5.7AA
7.0AA
9.4AAA
17.9AAA
15.2AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

A7A53E
BAB938
CFCE5D
F5F5DE
DBDBDB

Deuteranopia

B2BF3E
C3CF3B
D6DE61
F7F8DF
DBDBDB

Tritanopia

EE3E3E
F74244
FA6A6D
FEE1E2
DBDBDB

Achromatopsia

757575
898989
AAAAAA
EEEEEE
DBDBDB

Shades & Tints Shades & Tints

#F73E3E

Dark
Light

#FF602B

Dark
Light

#FF914D

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #f73e3e;
  --color-2: #ff602b;
  --color-3: #ff914d;
  --color-4: #ffe9db;
  --color-5: #dbdbdb;
}

SCSS

$color-1: #f73e3e;
$color-2: #ff602b;
$color-3: #ff914d;
$color-4: #ffe9db;
$color-5: #dbdbdb;

TAILWIND

colors: {
  'brand-1': '#f73e3e',
  'brand-2': '#ff602b',
  'brand-3': '#ff914d',
  'brand-4': '#ffe9db',
  'brand-5': '#dbdbdb',
}

RGB Array

[247, 62, 62], [255, 96, 43], [255, 145, 77], [255, 233, 219], [219, 219, 219]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This sunset-style palette of #F73E3E, #FF602B, #FF914D, #FFE9DB, #DBDBDB 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: #f73e3e; --color-2: #ff602b; --color-3: #ff914d; --color-4: #ffe9db; --color-5: #dbdbdb. 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