← Back to Editor

#D149B1 · #FF6691 · #FF8370 · #FC9B4C · #F2B63D

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

#D149B1

Rose Purple · MediumOrchid · Violet

HEX
#D149B1
RGB
rgb(209, 73, 177)
HSL
hsl(314, 60%, 55%)
HSB
hsb(314, 65%, 82%)
CMYK
cmyk(0%, 65%, 15%, 18%)
Oklch
oklch(62.6% 0.204 338.4)

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

#FF6691

Rouge · LightCoral · Rose Pink

HEX
#FF6691
RGB
rgb(255, 102, 145)
HSL
hsl(343, 100%, 70%)
HSB
hsb(343, 60%, 100%)
CMYK
cmyk(0%, 60%, 43%, 0%)
Oklch
oklch(71.4% 0.189 5.8)

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

#FF8370

Peach Pink · Salmon · Coral Red

HEX
#FF8370
RGB
rgb(255, 131, 112)
HSL
hsl(8, 100%, 72%)
HSB
hsb(8, 56%, 100%)
CMYK
cmyk(0%, 49%, 56%, 0%)
Oklch
oklch(74.6% 0.154 30.2)

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

#FC9B4C

Apricot · SandyBrown · Warm Sun

HEX
#FC9B4C
RGB
rgb(252, 155, 76)
HSL
hsl(27, 97%, 64%)
HSB
hsb(27, 70%, 99%)
CMYK
cmyk(0%, 38%, 70%, 1%)
Oklch
oklch(77.5% 0.149 57.1)

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

#F2B63D

Ginger · SandyBrown · Sunflower

HEX
#F2B63D
RGB
rgb(242, 182, 61)
HSL
hsl(40, 87%, 59%)
HSB
hsb(40, 75%, 95%)
CMYK
cmyk(0%, 25%, 75%, 5%)
Oklch
oklch(81.2% 0.148 80.8)

Traditional「Ginger」· Paint「Sunflower」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

D149B1
47D168

Analogous

AC47D1
D149B1
D1476C

Triadic

D149B1
B1D147
47B1D1

Split-Comp.

D149B1
6CD147
47D1AC

Tetradic

D149B1
D1AC47
47D168
476CD1

Contrast Matrix WCAG 2.1 Contrast

D149B1
FF6691
FF8370
FC9B4C
F2B63D
—
1.4
Fail
1.6
Fail
1.9
Fail
2.2
Fail
1.4
Fail
—
1.2
Fail
1.3
Fail
1.5
Fail
1.6
Fail
1.2
Fail
—
1.1
Fail
1.3
Fail
1.9
Fail
1.3
Fail
1.1
Fail
—
1.2
Fail
2.2
Fail
1.5
Fail
1.3
Fail
1.2
Fail
—
White BG
4.0AA Large
2.8Fail
2.4Fail
2.1Fail
1.8Fail
Black BG
5.3AA
7.6AAA
8.7AAA
9.9AAA
11.5AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

969598
BDBB87
C9C875
D2D15F
D8D75A

Deuteranopia

9EA892
C6D184
D1DA76
D8DF64
DCE061

Tritanopia

CA8480
F77E7D
F97879
F76E72
EF7176

Achromatopsia

7E7E7E
999999
A6A6A6
AFAFAF
BABABA

Shades & Tints Shades & Tints

#D149B1

Dark
Light

#FF6691

Dark
Light

#FF8370

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #d149b1;
  --color-2: #ff6691;
  --color-3: #ff8370;
  --color-4: #fc9b4c;
  --color-5: #f2b63d;
}

SCSS

$color-1: #d149b1;
$color-2: #ff6691;
$color-3: #ff8370;
$color-4: #fc9b4c;
$color-5: #f2b63d;

TAILWIND

colors: {
  'brand-1': '#d149b1',
  'brand-2': '#ff6691',
  'brand-3': '#ff8370',
  'brand-4': '#fc9b4c',
  'brand-5': '#f2b63d',
}

RGB Array

[209, 73, 177], [255, 102, 145], [255, 131, 112], [252, 155, 76], [242, 182, 61]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This sunset-style palette of #D149B1, #FF6691, #FF8370, #FC9B4C, #F2B63D 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: #d149b1; --color-2: #ff6691; --color-3: #ff8370; --color-4: #fc9b4c; --color-5: #f2b63d. 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