← Back to Editor

#FFED9F · #9DAFEE · #AB9BEE · #C19DEE · #D69BEE

A 5-color palette 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

#FFED9F

Goose Yellow · Khaki · Lemon Cream

HEX
#FFED9F
RGB
rgb(255, 237, 159)
HSL
hsl(49, 100%, 81%)
HSB
hsb(49, 38%, 100%)
CMYK
cmyk(0%, 7%, 38%, 0%)
Oklch
oklch(94.3% 0.099 96.7)

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

#9DAFEE

Azure · LightSteelBlue · Cobalt Blue

HEX
#9DAFEE
RGB
rgb(157, 175, 238)
HSL
hsl(227, 70%, 77%)
HSB
hsb(227, 34%, 93%)
CMYK
cmyk(34%, 26%, 0%, 7%)
Oklch
oklch(76.4% 0.093 271.8)

Traditional「Azure」· Paint「Cobalt Blue」· Creative Twilight Haze

#AB9BEE

Wisteria · LightSteelBlue · Cobalt Blue

HEX
#AB9BEE
RGB
rgb(171, 155, 238)
HSL
hsl(252, 71%, 77%)
HSB
hsb(252, 35%, 93%)
CMYK
cmyk(28%, 35%, 0%, 7%)
Oklch
oklch(73.5% 0.119 292.1)

Traditional「Wisteria」· Paint「Cobalt Blue」· Creative Lavender Dream

#C19DEE

Wisteria · LightSteelBlue · Lilac Purple

HEX
#C19DEE
RGB
rgb(193, 157, 238)
HSL
hsl(267, 70%, 77%)
HSB
hsb(267, 34%, 93%)
CMYK
cmyk(19%, 34%, 0%, 7%)
Oklch
oklch(75.8% 0.119 304.1)

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

#D69BEE

Lilac · Violet · Lilac Purple

HEX
#D69BEE
RGB
rgb(214, 155, 238)
HSL
hsl(283, 71%, 77%)
HSB
hsb(283, 35%, 93%)
CMYK
cmyk(10%, 35%, 0%, 7%)
Oklch
oklch(77.5% 0.131 315.8)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

FFED9F
9EB0FF

Analogous

FFBD9E
FFED9F
E0FF9E

Triadic

FFED9F
9EFFED
ED9EFF

Split-Comp.

FFED9F
9EE0FF
BD9EFF

Tetradic

FFED9F
9EFFBD
9EB0FF
FF9EE0

Contrast Matrix WCAG 2.1 Contrast

FFED9F
9DAFEE
AB9BEE
C19DEE
D69BEE
—
1.8
Fail
2.1
Fail
1.9
Fail
1.8
Fail
1.8
Fail
—
1.1
Fail
1.1
Fail
1.0
Fail
2.1
Fail
1.1
Fail
—
1.1
Fail
1.1
Fail
1.9
Fail
1.1
Fail
1.1
Fail
—
1.0
Fail
1.8
Fail
1.0
Fail
1.1
Fail
1.0
Fail
—
White BG
1.2Fail
2.1Fail
2.4Fail
2.3Fail
2.1Fail
Black BG
17.9AAA
9.8AAA
8.7AAA
9.3AAA
9.8AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

F7F7B2
A5A5DF
A4A4DA
B1B1DA
BCBCDA

Deuteranopia

F8FAB6
A4A2DB
A5A6D5
B4B6D6
C0C4D5

Tritanopia

FEC1C4
9ED3D0
AACAC7
BFCBC8
D3CAC7

Achromatopsia

E9E9E9
B1B1B1
A9A9A9
B1B1B1
B6B6B6

Shades & Tints Shades & Tints

#FFED9F

Dark
Light

#9DAFEE

Dark
Light

#AB9BEE

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #ffed9f;
  --color-2: #9dafee;
  --color-3: #ab9bee;
  --color-4: #c19dee;
  --color-5: #d69bee;
}

SCSS

$color-1: #ffed9f;
$color-2: #9dafee;
$color-3: #ab9bee;
$color-4: #c19dee;
$color-5: #d69bee;

TAILWIND

colors: {
  'brand-1': '#ffed9f',
  'brand-2': '#9dafee',
  'brand-3': '#ab9bee',
  'brand-4': '#c19dee',
  'brand-5': '#d69bee',
}

RGB Array

[255, 237, 159], [157, 175, 238], [171, 155, 238], [193, 157, 238], [214, 155, 238]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #FFED9F, #9DAFEE, #AB9BEE, #C19DEE, #D69BEE 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: #ffed9f; --color-2: #9dafee; --color-3: #ab9bee; --color-4: #c19dee; --color-5: #d69bee. 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 general-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