← Back to Editor

#E8C8ED · #B5DD4D · #FD7402 · #3BC8DC · #996D91

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

#E8C8ED

Lilac · Lavender · Lavender

HEX
#E8C8ED
RGB
rgb(232, 200, 237)
HSL
hsl(292, 51%, 86%)
HSB
hsb(292, 16%, 93%)
CMYK
cmyk(2%, 16%, 0%, 7%)
Oklch
oklch(87.1% 0.061 321.7)

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

#B5DD4D

Grass Green · GreenYellow · Olive Green

HEX
#B5DD4D
RGB
rgb(181, 221, 77)
HSL
hsl(77, 68%, 58%)
HSB
hsb(77, 65%, 87%)
CMYK
cmyk(18%, 0%, 65%, 13%)
Oklch
oklch(84.2% 0.174 123.5)

Traditional「Grass Green」· Paint「Olive Green」· Creative Blush Sunrise

#FD7402

Tangerine · OrangeRed · Amber Brown

HEX
#FD7402
RGB
rgb(253, 116, 2)
HSL
hsl(27, 98%, 50%)
HSB
hsb(27, 99%, 99%)
CMYK
cmyk(0%, 54%, 99%, 1%)
Oklch
oklch(71.2% 0.192 48.5)

Traditional「Tangerine」· Paint「Amber Brown」· Creative Blush Sunrise

#3BC8DC

Lake Blue · MediumTurquoise · Lake Green

HEX
#3BC8DC
RGB
rgb(59, 200, 220)
HSL
hsl(187, 70%, 55%)
HSB
hsb(187, 73%, 86%)
CMYK
cmyk(73%, 9%, 0%, 14%)
Oklch
oklch(76.8% 0.119 209.0)

Traditional「Lake Blue」· Paint「Lake Green」· Creative Blush Sunrise

#996D91

Rose Purple · Gray · Violet

HEX
#996D91
RGB
rgb(153, 109, 145)
HSL
hsl(311, 18%, 51%)
HSB
hsb(311, 29%, 60%)
CMYK
cmyk(0%, 29%, 5%, 40%)
Oklch
oklch(59.2% 0.075 333.0)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

E8C8ED
CEEEC9

Analogous

D6C9EE
E8C8ED
EEC9E0

Triadic

E8C8ED
EEE9C9
C9EEE9

Split-Comp.

E8C8ED
E0EEC9
C9EED6

Tetradic

E8C8ED
EED6C9
CEEEC9
C9E0EE

Contrast Matrix WCAG 2.1 Contrast

E8C8ED
B5DD4D
FD7402
3BC8DC
996D91
—
1.0
Fail
1.8
Fail
1.3
Fail
2.8
Fail
1.0
Fail
—
1.7
Fail
1.3
Fail
2.7
Fail
1.8
Fail
1.7
Fail
—
1.4
Fail
1.6
Fail
1.3
Fail
1.3
Fail
1.4
Fail
—
2.1
Fail
2.8
Fail
2.7
Fail
1.6
Fail
2.1
Fail
—
White BG
1.5Fail
1.6Fail
2.7Fail
2.0Fail
4.2AA Large
Black BG
13.9AAA
13.4AAA
7.7AAA
10.5AAA
5.0AA

Color Blindness Simulation Color Blindness Simulation

Protanopia

DADAE4
C6C770
C2C01E
7879D7
868688

Deuteranopia

DCDEE2
C4C178
CAD424
7065D6
898C86

Tritanopia

E6DDDB
B78B91
F63338
42D3D3
978180

Achromatopsia

D6D6D6
C1C1C1
909090
A0A0A0
7E7E7E

Shades & Tints Shades & Tints

#E8C8ED

Dark
Light

#B5DD4D

Dark
Light

#FD7402

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #e8c8ed;
  --color-2: #b5dd4d;
  --color-3: #fd7402;
  --color-4: #3bc8dc;
  --color-5: #996d91;
}

SCSS

$color-1: #e8c8ed;
$color-2: #b5dd4d;
$color-3: #fd7402;
$color-4: #3bc8dc;
$color-5: #996d91;

TAILWIND

colors: {
  'brand-1': '#e8c8ed',
  'brand-2': '#b5dd4d',
  'brand-3': '#fd7402',
  'brand-4': '#3bc8dc',
  'brand-5': '#996d91',
}

RGB Array

[232, 200, 237], [181, 221, 77], [253, 116, 2], [59, 200, 220], [153, 109, 145]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #E8C8ED, #B5DD4D, #FD7402, #3BC8DC, #996D91 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: #e8c8ed; --color-2: #b5dd4d; --color-3: #fd7402; --color-4: #3bc8dc; --color-5: #996d91. 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 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