← Back to Editor

#FF193F · #FF4A4A · #FFA78C · #FFE8B3 · #FFF06B

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

#FF193F

Vermilion · Crimson · Passion Red

HEX
#FF193F
RGB
rgb(255, 25, 63)
HSL
hsl(350, 100%, 55%)
HSB
hsb(350, 90%, 100%)
CMYK
cmyk(0%, 90%, 75%, 0%)
Oklch
oklch(63.7% 0.249 22.0)

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

#FF4A4A

Peach Pink · Tomato · Coral Red

HEX
#FF4A4A
RGB
rgb(255, 74, 74)
HSL
hsl(0, 100%, 65%)
HSB
hsb(0, 71%, 100%)
CMYK
cmyk(0%, 71%, 71%, 0%)
Oklch
oklch(67.0% 0.218 25.3)

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

#FFA78C

Peach Pink · LightSalmon · Coral Red

HEX
#FFA78C
RGB
rgb(255, 167, 140)
HSL
hsl(14, 100%, 77%)
HSB
hsb(14, 45%, 100%)
CMYK
cmyk(0%, 35%, 45%, 0%)
Oklch
oklch(80.9% 0.111 37.8)

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

#FFE8B3

Goose Yellow · Wheat · Lemon Cream

HEX
#FFE8B3
RGB
rgb(255, 232, 179)
HSL
hsl(42, 100%, 85%)
HSB
hsb(42, 30%, 100%)
CMYK
cmyk(0%, 9%, 30%, 0%)
Oklch
oklch(93.7% 0.072 87.3)

Traditional「Goose Yellow」· Paint「Lemon Cream」· Creative Lemon Fizz

#FFF06B

Fresh Green · Khaki · Sunflower

HEX
#FFF06B
RGB
rgb(255, 240, 107)
HSL
hsl(54, 100%, 71%)
HSB
hsb(54, 58%, 100%)
CMYK
cmyk(0%, 6%, 58%, 0%)
Oklch
oklch(94.2% 0.153 102.9)

Traditional「Fresh Green」· Paint「Sunflower」· Creative Lemon Fizz

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

FF193F
1AFFD9

Analogous

FF1AB3
FF193F
FF661A

Triadic

FF193F
40FF1A
1A40FF

Split-Comp.

FF193F
1AFF66
1AB2FF

Tetradic

FF193F
B3FF1A
1AFFD9
661AFF

Contrast Matrix WCAG 2.1 Contrast

FF193F
FF4A4A
FFA78C
FFE8B3
FFF06B
—
1.2
Fail
2.0
Fail
3.2
AA Large
3.3
AA Large
1.2
Fail
—
1.8
Fail
2.8
Fail
2.8
Fail
2.0
Fail
1.8
Fail
—
1.6
Fail
1.6
Fail
3.2
AA Large
2.8
Fail
1.6
Fail
—
1.0
Fail
3.3
AA Large
2.8
Fail
1.6
Fail
1.0
Fail
—
White BG
3.8AA Large
3.3AA Large
1.9Fail
1.2Fail
1.2Fail
Black BG
5.5AA
6.3AA
11.2AAA
17.4AAA
17.9AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

9B9936
B1AF4A
D9D893
F5F5C0
F9F88B

Deuteranopia

A9BA34
BBC94A
DEE594
F6F8C3
F9FB93

Tritanopia

F42F2D
F64A4A
FB9899
FECACC
FEA5AA

Achromatopsia

626262
808080
BEBEBE
E9E9E9
E5E5E5

Shades & Tints Shades & Tints

#FF193F

Dark
Light

#FF4A4A

Dark
Light

#FFA78C

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #ff193f;
  --color-2: #ff4a4a;
  --color-3: #ffa78c;
  --color-4: #ffe8b3;
  --color-5: #fff06b;
}

SCSS

$color-1: #ff193f;
$color-2: #ff4a4a;
$color-3: #ffa78c;
$color-4: #ffe8b3;
$color-5: #fff06b;

TAILWIND

colors: {
  'brand-1': '#ff193f',
  'brand-2': '#ff4a4a',
  'brand-3': '#ffa78c',
  'brand-4': '#ffe8b3',
  'brand-5': '#fff06b',
}

RGB Array

[255, 25, 63], [255, 74, 74], [255, 167, 140], [255, 232, 179], [255, 240, 107]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This sunset-style palette of #FF193F, #FF4A4A, #FFA78C, #FFE8B3, #FFF06B 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: #ff193f; --color-2: #ff4a4a; --color-3: #ffa78c; --color-4: #ffe8b3; --color-5: #fff06b. 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