← Back to Editor

#EE1B42 · #190011 · #F93A7E · #F2799E · #CCCFC7

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

#EE1B42

Vermilion · Crimson · Passion Red

HEX
#EE1B42
RGB
rgb(238, 27, 66)
HSL
hsl(349, 86%, 52%)
HSB
hsb(349, 89%, 93%)
CMYK
cmyk(0%, 89%, 72%, 7%)
Oklch
oklch(60.8% 0.234 20.3)

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

#190011

Rose Purple · Black · Dark Purple

HEX
#190011
RGB
rgb(25, 0, 17)
HSL
hsl(319, 100%, 5%)
HSB
hsb(319, 100%, 10%)
CMYK
cmyk(0%, 100%, 32%, 90%)
Oklch
oklch(14.4% 0.062 341.4)

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

#F93A7E

Dark Violet · DeepPink · Rose Pink

HEX
#F93A7E
RGB
rgb(249, 58, 126)
HSL
hsl(339, 94%, 60%)
HSB
hsb(339, 77%, 98%)
CMYK
cmyk(0%, 77%, 49%, 2%)
Oklch
oklch(65.7% 0.228 5.2)

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

#F2799E

Rouge · LightCoral · Rose Pink

HEX
#F2799E
RGB
rgb(242, 121, 158)
HSL
hsl(342, 82%, 71%)
HSB
hsb(342, 50%, 95%)
CMYK
cmyk(0%, 50%, 35%, 5%)
Oklch
oklch(72.5% 0.153 2.3)

Traditional「Rouge」· Paint「Rose Pink」· Creative Rose Petal

#CCCFC7

Willow Green · LightGray · Pearl Gray

HEX
#CCCFC7
RGB
rgb(204, 207, 199)
HSL
hsl(82, 8%, 80%)
HSB
hsb(82, 4%, 81%)
CMYK
cmyk(1%, 0%, 4%, 19%)
Oklch
oklch(85.0% 0.011 123.5)

Traditional「Willow Green」· Paint「Pearl Gray」· Creative Silver Lining

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

EE1B42
1BEEC7

Analogous

EE1BAB
EE1B42
EE5E1B

Triadic

EE1B42
42EE1B
1B42EE

Split-Comp.

EE1B42
1BEE5E
1BABEE

Tetradic

EE1B42
ABEE1B
1BEEC7
5E1BEE

Contrast Matrix WCAG 2.1 Contrast

EE1B42
190011
F93A7E
F2799E
CCCFC7
—
4.6
AA
1.2
Fail
1.6
Fail
2.7
Fail
4.6
AA
—
5.7
AA
7.6
AAA
12.7
AAA
1.2
Fail
5.7
AA
—
1.3
Fail
2.2
Fail
1.6
Fail
7.6
AAA
1.3
Fail
—
1.7
Fail
2.7
Fail
12.7
AAA
2.2
Fail
1.7
Fail
—
White BG
4.3AA Large
20.0AAA
3.5AA Large
2.6Fail
1.6Fail
Black BG
4.9AA
1.0Fail
5.9AA
8.0AAA
13.3AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

939139
0E0E0D
A6A56E
BEBD95
CDCDC9

Deuteranopia

9FAF36
10120C
B1C06A
C5CE93
CDCDC9

Tritanopia

E3312F
180A09
EF615E
EC8E8C
CCCACB

Achromatopsia

5F5F5F
090909
7B7B7B
A1A1A1
CDCDCD

Shades & Tints Shades & Tints

#EE1B42

Dark
Light

#190011

Dark
Light

#F93A7E

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #ee1b42;
  --color-2: #190011;
  --color-3: #f93a7e;
  --color-4: #f2799e;
  --color-5: #cccfc7;
}

SCSS

$color-1: #ee1b42;
$color-2: #190011;
$color-3: #f93a7e;
$color-4: #f2799e;
$color-5: #cccfc7;

TAILWIND

colors: {
  'brand-1': '#ee1b42',
  'brand-2': '#190011',
  'brand-3': '#f93a7e',
  'brand-4': '#f2799e',
  'brand-5': '#cccfc7',
}

RGB Array

[238, 27, 66], [25, 0, 17], [249, 58, 126], [242, 121, 158], [204, 207, 199]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This sunset-style palette of #EE1B42, #190011, #F93A7E, #F2799E, #CCCFC7 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: #ee1b42; --color-2: #190011; --color-3: #f93a7e; --color-4: #f2799e; --color-5: #cccfc7. 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