← Back to Editor

#EB0E82 · #FB47B2 · #FD86E0 · #FFD2F7 · #C6F2D9

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 AppData Visualization

Color Details Color Details

#EB0E82

Rose Purple · DeepPink · Camellia

HEX
#EB0E82
RGB
rgb(235, 14, 130)
HSL
hsl(329, 89%, 49%)
HSB
hsb(329, 94%, 92%)
CMYK
cmyk(0%, 94%, 45%, 8%)
Oklch
oklch(61.3% 0.245 358.5)

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

#FB47B2

Mauve · DeepPink · Rose Pink

HEX
#FB47B2
RGB
rgb(251, 71, 178)
HSL
hsl(324, 96%, 63%)
HSB
hsb(324, 72%, 98%)
CMYK
cmyk(0%, 72%, 29%, 2%)
Oklch
oklch(68.7% 0.236 348.6)

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

#FD86E0

Mauve · Violet · Lilac Purple

HEX
#FD86E0
RGB
rgb(253, 134, 224)
HSL
hsl(315, 97%, 76%)
HSB
hsb(315, 47%, 99%)
CMYK
cmyk(0%, 47%, 11%, 1%)
Oklch
oklch(77.9% 0.178 337.1)

Traditional「Mauve」· Paint「Lilac Purple」· Creative Rose Petal

#FFD2F7

Mauve · Lavender · Lavender

HEX
#FFD2F7
RGB
rgb(255, 210, 247)
HSL
hsl(311, 100%, 91%)
HSB
hsb(311, 18%, 100%)
CMYK
cmyk(0%, 18%, 3%, 0%)
Oklch
oklch(91.3% 0.069 332.2)

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

#C6F2D9

Emerald · LightGray · Mint Green

HEX
#C6F2D9
RGB
rgb(198, 242, 217)
HSL
hsl(146, 63%, 86%)
HSB
hsb(146, 18%, 95%)
CMYK
cmyk(18%, 0%, 10%, 5%)
Oklch
oklch(92.3% 0.057 160.2)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

EB0E82
0EEC79

Analogous

E80EEC
EB0E82
EC0E11

Triadic

EB0E82
81EC0E
0E81EC

Split-Comp.

EB0E82
11EC0E
0EECE8

Tetradic

EB0E82
ECE80E
0EEC79
0E11EC

Contrast Matrix WCAG 2.1 Contrast

EB0E82
FB47B2
FD86E0
FFD2F7
C6F2D9
—
1.4
Fail
2.0
Fail
3.2
AA Large
3.5
AA Large
1.4
Fail
—
1.5
Fail
2.4
Fail
2.6
Fail
2.0
Fail
1.5
Fail
—
1.6
Fail
1.8
Fail
3.2
AA Large
2.4
Fail
1.6
Fail
—
1.1
Fail
3.5
AA Large
2.6
Fail
1.8
Fail
1.1
Fail
—
White BG
4.3AA Large
3.2AA Large
2.2Fail
1.3Fail
1.2Fail
Black BG
4.9AA
6.6AA
9.7AAA
15.8AAA
17.1AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

8B8966
ADAB98
C9C8CA
ECEBEE
D9D9DF

Deuteranopia

98A95F
B8C592
D0D9C5
EEF2EC
D7D3E0

Tritanopia

E0504B
F2847F
F7B9B5
FDE7E5
C8E4E5

Achromatopsia

5D5D5D
898989
B4B4B4
E4E4E4
E2E2E2

Shades & Tints Shades & Tints

#EB0E82

Dark
Light

#FB47B2

Dark
Light

#FD86E0

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #eb0e82;
  --color-2: #fb47b2;
  --color-3: #fd86e0;
  --color-4: #ffd2f7;
  --color-5: #c6f2d9;
}

SCSS

$color-1: #eb0e82;
$color-2: #fb47b2;
$color-3: #fd86e0;
$color-4: #ffd2f7;
$color-5: #c6f2d9;

TAILWIND

colors: {
  'brand-1': '#eb0e82',
  'brand-2': '#fb47b2',
  'brand-3': '#fd86e0',
  'brand-4': '#ffd2f7',
  'brand-5': '#c6f2d9',
}

RGB Array

[235, 14, 130], [251, 71, 178], [253, 134, 224], [255, 210, 247], [198, 242, 217]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This spring-style palette of #EB0E82, #FB47B2, #FD86E0, #FFD2F7, #C6F2D9 is ideal for: social media posters, mobile apps, e-commerce promos, health products, baby brands, fresh-style blogs, infographics, data visualization, accessible design. Vivid colors effectively attract user attention. High contrast ensures clear visual hierarchy and readability. 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: #eb0e82; --color-2: #fb47b2; --color-3: #fd86e0; --color-4: #ffd2f7; --color-5: #c6f2d9. 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. High-contrast palettes naturally meet WCAG accessibility standards. 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