← Back to Editor

#E37290 · #C3839B · #FDB992 · #FFEFB8 · #B3CC88

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

#E37290

Rouge · LightCoral · Rose Pink

HEX
#E37290
RGB
rgb(227, 114, 144)
HSL
hsl(344, 67%, 67%)
HSB
hsb(344, 50%, 89%)
CMYK
cmyk(0%, 50%, 37%, 11%)
Oklch
oklch(69.1% 0.143 4.7)

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

#C3839B

Rouge · DarkGray · Rose Pink

HEX
#C3839B
RGB
rgb(195, 131, 155)
HSL
hsl(338, 35%, 64%)
HSB
hsb(338, 33%, 76%)
CMYK
cmyk(0%, 33%, 21%, 24%)
Oklch
oklch(68.2% 0.084 355.4)

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

#FDB992

Apricot · BurlyWood · Peach Orange

HEX
#FDB992
RGB
rgb(253, 185, 146)
HSL
hsl(22, 96%, 78%)
HSB
hsb(22, 42%, 99%)
CMYK
cmyk(0%, 27%, 42%, 1%)
Oklch
oklch(84.0% 0.095 50.9)

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

#FFEFB8

Goose Yellow · Bisque · Lemon Cream

HEX
#FFEFB8
RGB
rgb(255, 239, 184)
HSL
hsl(46, 100%, 86%)
HSB
hsb(46, 28%, 100%)
CMYK
cmyk(0%, 6%, 28%, 0%)
Oklch
oklch(95.2% 0.072 93.8)

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

#B3CC88

Willow Green · Tan · Apple Green

HEX
#B3CC88
RGB
rgb(179, 204, 136)
HSL
hsl(82, 40%, 67%)
HSB
hsb(82, 33%, 80%)
CMYK
cmyk(12%, 0%, 33%, 20%)
Oklch
oklch(81.0% 0.095 124.9)

Traditional「Willow Green」· Paint「Apple Green」· Creative Mint Breeze

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

E37290
72E3C5

Analogous

E372C9
E37290
E38D72

Triadic

E37290
91E372
7291E3

Split-Comp.

E37290
72E38D
72C9E3

Tetradic

E37290
C9E372
72E3C5
8D72E3

Contrast Matrix WCAG 2.1 Contrast

E37290
C3839B
FDB992
FFEFB8
B3CC88
—
1.0
Fail
1.8
Fail
2.6
Fail
1.7
Fail
1.0
Fail
—
1.8
Fail
2.6
Fail
1.7
Fail
1.8
Fail
1.8
Fail
—
1.5
Fail
1.1
Fail
2.6
Fail
2.6
Fail
1.5
Fail
—
1.5
Fail
1.7
Fail
1.7
Fail
1.1
Fail
1.5
Fail
—
White BG
3.0Fail
3.0Fail
1.7Fail
1.1Fail
1.8Fail
Black BG
7.1AAA
7.0AAA
12.5AAA
18.3AAA
11.9AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

B2B189
A7A795
E0DF9B
F8F8C5
BEBE98

Deuteranopia

B9C187
ABB094
E4E99E
F9FAC9
BCBB9C

Tritanopia

DD8382
C09190
FAA3A5
FED0D2
B4A5A8

Achromatopsia

979797
999999
C9C9C9
EEEEEE
BDBDBD

Shades & Tints Shades & Tints

#E37290

Dark
Light

#C3839B

Dark
Light

#FDB992

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #e37290;
  --color-2: #c3839b;
  --color-3: #fdb992;
  --color-4: #ffefb8;
  --color-5: #b3cc88;
}

SCSS

$color-1: #e37290;
$color-2: #c3839b;
$color-3: #fdb992;
$color-4: #ffefb8;
$color-5: #b3cc88;

TAILWIND

colors: {
  'brand-1': '#e37290',
  'brand-2': '#c3839b',
  'brand-3': '#fdb992',
  'brand-4': '#ffefb8',
  'brand-5': '#b3cc88',
}

RGB Array

[227, 114, 144], [195, 131, 155], [253, 185, 146], [255, 239, 184], [179, 204, 136]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #E37290, #C3839B, #FDB992, #FFEFB8, #B3CC88 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: #e37290; --color-2: #c3839b; --color-3: #fdb992; --color-4: #ffefb8; --color-5: #b3cc88. 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