← Back to Editor

#C3E88F · #E3FFB5 · #F9FFB5 · #FCE4C9 · #FCC6B0

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

#C3E88F

Willow Green · Khaki · Apple Green

HEX
#C3E88F
RGB
rgb(195, 232, 143)
HSL
hsl(85, 66%, 74%)
HSB
hsb(85, 38%, 91%)
CMYK
cmyk(16%, 0%, 38%, 9%)
Oklch
oklch(88.4% 0.121 127.1)

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

#E3FFB5

Willow Green · Wheat · Mint Green

HEX
#E3FFB5
RGB
rgb(227, 255, 181)
HSL
hsl(83, 100%, 85%)
HSB
hsb(83, 29%, 100%)
CMYK
cmyk(11%, 0%, 29%, 0%)
Oklch
oklch(96.2% 0.100 125.1)

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

#F9FFB5

Fresh Green · Bisque · Lemon Cream

HEX
#F9FFB5
RGB
rgb(249, 255, 181)
HSL
hsl(65, 100%, 85%)
HSB
hsb(65, 29%, 100%)
CMYK
cmyk(2%, 0%, 29%, 0%)
Oklch
oklch(97.8% 0.094 111.9)

Traditional「Fresh Green」· Paint「Lemon Cream」· Creative Lemon Fizz

#FCE4C9

Goose Yellow · Bisque · Peach Orange

HEX
#FCE4C9
RGB
rgb(252, 228, 201)
HSL
hsl(32, 89%, 89%)
HSB
hsb(32, 20%, 99%)
CMYK
cmyk(0%, 10%, 20%, 1%)
Oklch
oklch(93.1% 0.044 70.5)

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

#FCC6B0

Apricot · LightPink · Peach Orange

HEX
#FCC6B0
RGB
rgb(252, 198, 176)
HSL
hsl(17, 93%, 84%)
HSB
hsb(17, 30%, 99%)
CMYK
cmyk(0%, 21%, 30%, 1%)
Oklch
oklch(86.9% 0.069 43.2)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

C3E88F
B591E8

Analogous

E8E191
C3E88F
98E891

Triadic

C3E88F
91C4E8
E891C4

Split-Comp.

C3E88F
9198E8
E191E8

Tetradic

C3E88F
91E8E1
B591E8
E89198

Contrast Matrix WCAG 2.1 Contrast

C3E88F
E3FFB5
F9FFB5
FCE4C9
FCC6B0
—
1.3
Fail
1.3
Fail
1.1
Fail
1.1
Fail
1.3
Fail
—
1.0
Fail
1.1
Fail
1.4
Fail
1.3
Fail
1.0
Fail
—
1.2
Fail
1.4
Fail
1.1
Fail
1.1
Fail
1.2
Fail
—
1.2
Fail
1.1
Fail
1.4
Fail
1.4
Fail
1.2
Fail
—
White BG
1.4Fail
1.1Fail
1.1Fail
1.2Fail
1.5Fail
Black BG
15.3AAA
19.2AAA
20.0AAA
17.1AAA
13.8AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

D3D3A5
EFEFC7
FCFCC7
F2F1D0
E5E4B5

Deuteranopia

D1CEAA
EEEBCB
FBFBCB
F3F5D1
E8ECB7

Tritanopia

C5B6B9
E4D5D8
F9D5D8
FBD5D6
F9BABA

Achromatopsia

D3D3D3
EEEEEE
F5F5F5
E8E8E8
D4D4D4

Shades & Tints Shades & Tints

#C3E88F

Dark
Light

#E3FFB5

Dark
Light

#F9FFB5

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #c3e88f;
  --color-2: #e3ffb5;
  --color-3: #f9ffb5;
  --color-4: #fce4c9;
  --color-5: #fcc6b0;
}

SCSS

$color-1: #c3e88f;
$color-2: #e3ffb5;
$color-3: #f9ffb5;
$color-4: #fce4c9;
$color-5: #fcc6b0;

TAILWIND

colors: {
  'brand-1': '#c3e88f',
  'brand-2': '#e3ffb5',
  'brand-3': '#f9ffb5',
  'brand-4': '#fce4c9',
  'brand-5': '#fcc6b0',
}

RGB Array

[195, 232, 143], [227, 255, 181], [249, 255, 181], [252, 228, 201], [252, 198, 176]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This spring-style palette of #C3E88F, #E3FFB5, #F9FFB5, #FCE4C9, #FCC6B0 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: #c3e88f; --color-2: #e3ffb5; --color-3: #f9ffb5; --color-4: #fce4c9; --color-5: #fcc6b0. 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