← Back to Editor

#FD77B0 · #DEA6EC · #C0D3E2 · #E8D0BB · #DBCF7D

sunset

A 5-color sunset palette · Complete color analysis and application guide

Scene Recommendations Scene Recommendations

Emotion EMOTION

PassionateDynamicWarmCool

Industry INDUSTRY

EntertainmentFMCG

UI Context UI CONTEXT

Sale PromoSocial App

Color Details Color Details

#FD77B0

Rouge · LightCoral · Rose Pink

HEX
#FD77B0
RGB
rgb(253, 119, 176)
HSL
hsl(334, 97%, 73%)
HSB
hsb(334, 53%, 99%)
CMYK
cmyk(0%, 53%, 30%, 1%)
Oklch
oklch(74.2% 0.173 355.4)

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

#DEA6EC

Lilac · Violet · Lilac Purple

HEX
#DEA6EC
RGB
rgb(222, 166, 236)
HSL
hsl(288, 65%, 79%)
HSB
hsb(288, 30%, 93%)
CMYK
cmyk(6%, 30%, 0%, 7%)
Oklch
oklch(80.0% 0.114 319.5)

Traditional「Lilac」· Paint「Lilac Purple」· Creative Lavender Dream

#C0D3E2

Sky Blue · LightBlue · Sky Blue

HEX
#C0D3E2
RGB
rgb(192, 211, 226)
HSL
hsl(206, 37%, 82%)
HSB
hsb(206, 15%, 89%)
CMYK
cmyk(15%, 7%, 0%, 11%)
Oklch
oklch(85.7% 0.029 241.7)

Traditional「Sky Blue」· Paint「Sky Blue」· Creative Twilight Haze

#E8D0BB

Apricot · Wheat · Peach Orange

HEX
#E8D0BB
RGB
rgb(232, 208, 187)
HSL
hsl(28, 49%, 82%)
HSB
hsb(28, 19%, 91%)
CMYK
cmyk(0%, 10%, 19%, 9%)
Oklch
oklch(87.2% 0.039 63.5)

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

#DBCF7D

Fresh Green · BurlyWood · Sunflower

HEX
#DBCF7D
RGB
rgb(219, 207, 125)
HSL
hsl(52, 57%, 67%)
HSB
hsb(52, 43%, 86%)
CMYK
cmyk(0%, 5%, 43%, 14%)
Oklch
oklch(84.6% 0.104 101.0)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

FD77B0
77FDC3

Analogous

FD77F4
FD77B0
FD8077

Triadic

FD77B0
B1FD77
77B1FD

Split-Comp.

FD77B0
77FD80
77F4FD

Tetradic

FD77B0
F4FD77
77FDC3
8077FD

Contrast Matrix WCAG 2.1 Contrast

FD77B0
DEA6EC
C0D3E2
E8D0BB
DBCF7D
—
1.3
Fail
1.6
Fail
1.7
Fail
1.6
Fail
1.3
Fail
—
1.3
Fail
1.3
Fail
1.2
Fail
1.6
Fail
1.3
Fail
—
1.0
Fail
1.0
Fail
1.7
Fail
1.3
Fail
1.0
Fail
—
1.1
Fail
1.6
Fail
1.2
Fail
1.0
Fail
1.1
Fail
—
White BG
2.5Fail
1.9Fail
1.5Fail
1.5Fail
1.6Fail
Black BG
8.4AAA
10.8AAA
13.7AAA
14.2AAA
13.2AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

C3C2A2
C6C5DB
C8C8DE
DEDDC0
D6D691

Deuteranopia

CBD59F
C9CDD7
C7C6DE
DFE1C1
D7D796

Tritanopia

F69795
DBCECB
C1DCDB
E7C4C5
DAA1A4

Achromatopsia

A6A6A6
BFBFBF
CFCFCF
D5D5D5
C9C9C9

Shades & Tints Shades & Tints

#FD77B0

Dark
Light

#DEA6EC

Dark
Light

#C0D3E2

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #fd77b0;
  --color-2: #dea6ec;
  --color-3: #c0d3e2;
  --color-4: #e8d0bb;
  --color-5: #dbcf7d;
}

SCSS

$color-1: #fd77b0;
$color-2: #dea6ec;
$color-3: #c0d3e2;
$color-4: #e8d0bb;
$color-5: #dbcf7d;

TAILWIND

colors: {
  'brand-1': '#fd77b0',
  'brand-2': '#dea6ec',
  'brand-3': '#c0d3e2',
  'brand-4': '#e8d0bb',
  'brand-5': '#dbcf7d',
}

RGB Array

[253, 119, 176], [222, 166, 236], [192, 211, 226], [232, 208, 187], [219, 207, 125]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This sunset-style palette of #FD77B0, #DEA6EC, #C0D3E2, #E8D0BB, #DBCF7D 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: #fd77b0; --color-2: #dea6ec; --color-3: #c0d3e2; --color-4: #e8d0bb; --color-5: #dbcf7d. 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