← Back to Editor

#E2F3EA · #F3E2EB · #F3C3DC · #F3B0D3 · #F361AD

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

#E2F3EA

Celadon · Lavender · Mint Green

HEX
#E2F3EA
RGB
rgb(226, 243, 234)
HSL
hsl(148, 41%, 92%)
HSB
hsb(148, 7%, 95%)
CMYK
cmyk(7%, 0%, 4%, 5%)
Oklch
oklch(94.9% 0.022 163.1)

Traditional「Celadon」· Paint「Mint Green」· Creative Mint Breeze

#F3E2EB

Mauve · Linen · Cherry Blossom

HEX
#F3E2EB
RGB
rgb(243, 226, 235)
HSL
hsl(328, 41%, 92%)
HSB
hsb(328, 7%, 95%)
CMYK
cmyk(0%, 7%, 3%, 5%)
Oklch
oklch(92.9% 0.022 344.2)

Traditional「Mauve」· Paint「Cherry Blossom」· Creative Rose Petal

#F3C3DC

Mauve · Pink · Cherry Blossom

HEX
#F3C3DC
RGB
rgb(243, 195, 220)
HSL
hsl(329, 67%, 86%)
HSB
hsb(329, 20%, 95%)
CMYK
cmyk(0%, 20%, 9%, 5%)
Oklch
oklch(86.6% 0.063 345.8)

Traditional「Mauve」· Paint「Cherry Blossom」· Creative Rose Petal

#F3B0D3

Mauve · Pink · Cherry Blossom

HEX
#F3B0D3
RGB
rgb(243, 176, 211)
HSL
hsl(329, 74%, 82%)
HSB
hsb(329, 28%, 95%)
CMYK
cmyk(0%, 28%, 13%, 5%)
Oklch
oklch(83.0% 0.090 346.6)

Traditional「Mauve」· Paint「Cherry Blossom」· Creative Rose Petal

#F361AD

Mauve · Orchid · Rose Pink

HEX
#F361AD
RGB
rgb(243, 97, 173)
HSL
hsl(329, 86%, 67%)
HSB
hsb(329, 60%, 95%)
CMYK
cmyk(0%, 60%, 29%, 5%)
Oklch
oklch(70.0% 0.195 351.0)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

E2F3EA
F3E2EB

Analogous

E3F3E2
E2F3EA
E2F3F2

Triadic

E2F3EA
EAE2F3
F3EAE2

Split-Comp.

E2F3EA
F2E2F3
F3E2E3

Tetradic

E2F3EA
E2E3F3
F3E2EB
F3F2E2

Contrast Matrix WCAG 2.1 Contrast

E2F3EA
F3E2EB
F3C3DC
F3B0D3
F361AD
—
1.1
Fail
1.3
Fail
1.5
Fail
2.6
Fail
1.1
Fail
—
1.2
Fail
1.4
Fail
2.4
Fail
1.3
Fail
1.2
Fail
—
1.1
Fail
1.9
Fail
1.5
Fail
1.4
Fail
1.1
Fail
—
1.7
Fail
2.6
Fail
2.4
Fail
1.9
Fail
1.7
Fail
—
White BG
1.2Fail
1.2Fail
1.5Fail
1.8Fail
2.9Fail
Black BG
18.2AAA
16.9AAA
13.7AAA
12.0AAA
7.1AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

E9EAEC
ECEBE9
DEDED6
D6D5CB
B4B29B

Deuteranopia

E8E7ED
EDEEE8
E1E5D5
DADFC9
BCC796

Tritanopia

E3EEEE
F2E7E7
F1D1D0
F0C4C2
EC8C89

Achromatopsia

EDEDED
E8E8E8
D4D4D4
C8C8C8
959595

Shades & Tints Shades & Tints

#E2F3EA

Dark
Light

#F3E2EB

Dark
Light

#F3C3DC

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #e2f3ea;
  --color-2: #f3e2eb;
  --color-3: #f3c3dc;
  --color-4: #f3b0d3;
  --color-5: #f361ad;
}

SCSS

$color-1: #e2f3ea;
$color-2: #f3e2eb;
$color-3: #f3c3dc;
$color-4: #f3b0d3;
$color-5: #f361ad;

TAILWIND

colors: {
  'brand-1': '#e2f3ea',
  'brand-2': '#f3e2eb',
  'brand-3': '#f3c3dc',
  'brand-4': '#f3b0d3',
  'brand-5': '#f361ad',
}

RGB Array

[226, 243, 234], [243, 226, 235], [243, 195, 220], [243, 176, 211], [243, 97, 173]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #E2F3EA, #F3E2EB, #F3C3DC, #F3B0D3, #F361AD 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: #e2f3ea; --color-2: #f3e2eb; --color-3: #f3c3dc; --color-4: #f3b0d3; --color-5: #f361ad. 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