← Back to Editor

#F34299 · #E18BB8 · #E8B5D2 · #F3E9DF · #E0F9E6

spring

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

#F34299

Rouge · DeepPink · Rose Pink

HEX
#F34299
RGB
rgb(243, 66, 153)
HSL
hsl(331, 88%, 61%)
HSB
hsb(331, 73%, 95%)
CMYK
cmyk(0%, 73%, 37%, 5%)
Oklch
oklch(66.2% 0.224 355.2)

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

#E18BB8

Mauve · Orchid · Rose Pink

HEX
#E18BB8
RGB
rgb(225, 139, 184)
HSL
hsl(329, 59%, 71%)
HSB
hsb(329, 38%, 88%)
CMYK
cmyk(0%, 38%, 18%, 12%)
Oklch
oklch(73.9% 0.118 347.7)

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

#E8B5D2

Mauve · Pink · Cherry Blossom

HEX
#E8B5D2
RGB
rgb(232, 181, 210)
HSL
hsl(326, 53%, 81%)
HSB
hsb(326, 22%, 91%)
CMYK
cmyk(0%, 22%, 9%, 9%)
Oklch
oklch(82.7% 0.070 343.6)

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

#F3E9DF

Goose Yellow · Linen · Peach Orange

HEX
#F3E9DF
RGB
rgb(243, 233, 223)
HSL
hsl(30, 45%, 91%)
HSB
hsb(30, 8%, 95%)
CMYK
cmyk(0%, 4%, 8%, 5%)
Oklch
oklch(93.9% 0.017 67.6)

Traditional「Goose Yellow」· Paint「Peach Orange」· Creative Honey Glow

#E0F9E6

Emerald · Beige · Mint Green

HEX
#E0F9E6
RGB
rgb(224, 249, 230)
HSL
hsl(134, 68%, 93%)
HSB
hsb(134, 10%, 98%)
CMYK
cmyk(10%, 0%, 8%, 2%)
Oklch
oklch(95.9% 0.036 152.8)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

F34299
44F39E

Analogous

F344F0
F34299
F34744

Triadic

F34299
99F344
4499F3

Split-Comp.

F34299
44F347
44F0F3

Tetradic

F34299
F0F344
44F39E
4744F3

Contrast Matrix WCAG 2.1 Contrast

F34299
E18BB8
E8B5D2
F3E9DF
E0F9E6
—
1.4
Fail
2.0
Fail
2.9
Fail
3.1
AA Large
1.4
Fail
—
1.4
Fail
2.0
Fail
2.2
Fail
2.0
Fail
1.4
Fail
—
1.5
Fail
1.6
Fail
2.9
Fail
2.0
Fail
1.5
Fail
—
1.1
Fail
3.1
AA Large
2.2
Fail
1.6
Fail
1.1
Fail
—
White BG
3.5AA Large
2.4Fail
1.8Fail
1.2Fail
1.1Fail
Black BG
6.1AA
8.6AAA
12.0AAA
17.5AAA
18.9AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

A6A584
BCBBAD
D2D1CB
EFEFE1
EBEBEB

Deuteranopia

B1BE7F
C1C7AA
D5D9C9
EFF0E2
E9E8EC

Tritanopia

EA7370
DDA5A3
E5C5C4
F3E3E4
E1EEEF

Achromatopsia

818181
AAAAAA
C8C8C8
EBEBEB
EFEFEF

Shades & Tints Shades & Tints

#F34299

Dark
Light

#E18BB8

Dark
Light

#E8B5D2

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #f34299;
  --color-2: #e18bb8;
  --color-3: #e8b5d2;
  --color-4: #f3e9df;
  --color-5: #e0f9e6;
}

SCSS

$color-1: #f34299;
$color-2: #e18bb8;
$color-3: #e8b5d2;
$color-4: #f3e9df;
$color-5: #e0f9e6;

TAILWIND

colors: {
  'brand-1': '#f34299',
  'brand-2': '#e18bb8',
  'brand-3': '#e8b5d2',
  'brand-4': '#f3e9df',
  'brand-5': '#e0f9e6',
}

RGB Array

[243, 66, 153], [225, 139, 184], [232, 181, 210], [243, 233, 223], [224, 249, 230]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This spring-style palette of #F34299, #E18BB8, #E8B5D2, #F3E9DF, #E0F9E6 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: #f34299; --color-2: #e18bb8; --color-3: #e8b5d2; --color-4: #f3e9df; --color-5: #e0f9e6. 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 spring-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