← Back to Editor

#EBFCD4 · #A6D16D · #73BF9C · #03949E · #4D452A

spring

A 5-color spring palette · Complete color analysis and application guide

Scene Recommendations Scene Recommendations

Emotion EMOTION

PassionateDynamicWarmCool

Industry INDUSTRY

EntertainmentFMCG

UI Context UI CONTEXT

Sale PromoSocial AppData Visualization

Color Details Color Details

#EBFCD4

Willow Green · Beige · Mint Green

HEX
#EBFCD4
RGB
rgb(235, 252, 212)
HSL
hsl(86, 87%, 91%)
HSB
hsb(86, 16%, 99%)
CMYK
cmyk(7%, 0%, 16%, 1%)
Oklch
oklch(96.8% 0.055 126.2)

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

#A6D16D

Willow Green · DarkSeaGreen · Apple Green

HEX
#A6D16D
RGB
rgb(166, 209, 109)
HSL
hsl(86, 52%, 62%)
HSB
hsb(86, 48%, 82%)
CMYK
cmyk(21%, 0%, 48%, 18%)
Oklch
oklch(80.8% 0.137 128.3)

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

#73BF9C

Mineral Blue · MediumAquaMarine · Olive Green

HEX
#73BF9C
RGB
rgb(115, 191, 156)
HSL
hsl(152, 37%, 60%)
HSB
hsb(152, 40%, 75%)
CMYK
cmyk(40%, 0%, 18%, 25%)
Oklch
oklch(74.5% 0.092 163.2)

Traditional「Mineral Blue」· Paint「Olive Green」· Creative Blush Sunrise

#03949E

Lake Blue · Teal · Mint Ice

HEX
#03949E
RGB
rgb(3, 148, 158)
HSL
hsl(184, 96%, 32%)
HSB
hsb(184, 98%, 62%)
CMYK
cmyk(98%, 6%, 0%, 38%)
Oklch
oklch(60.8% 0.103 203.3)

Traditional「Lake Blue」· Paint「Mint Ice」· Creative Blush Sunrise

#4D452A

Ochre · DarkOliveGreen · Amber Gold

HEX
#4D452A
RGB
rgb(77, 69, 42)
HSL
hsl(46, 29%, 23%)
HSB
hsb(46, 45%, 30%)
CMYK
cmyk(0%, 10%, 45%, 70%)
Oklch
oklch(39.1% 0.043 93.5)

Traditional「Ochre」· Paint「Amber Gold」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

EBFCD4
E5D4FC

Analogous

FCF9D4
EBFCD4
D7FCD4

Triadic

EBFCD4
D4EBFC
FCD4EB

Split-Comp.

EBFCD4
D4D7FC
F9D4FC

Tetradic

EBFCD4
D4FCF9
E5D4FC
FCD4D7

Contrast Matrix WCAG 2.1 Contrast

EBFCD4
A6D16D
73BF9C
03949E
4D452A
—
1.6
Fail
2.0
Fail
3.4
AA Large
8.8
AAA
1.6
Fail
—
1.2
Fail
2.1
Fail
5.4
AA
2.0
Fail
1.2
Fail
—
1.7
Fail
4.4
AA Large
3.4
AA Large
2.1
Fail
1.7
Fail
—
2.6
Fail
8.8
AAA
5.4
AA
4.4
AA Large
2.6
Fail
—
White BG
1.1Fail
1.8Fail
2.2Fail
3.7AA Large
9.5AAA
Black BG
19.4AAA
12.0AAA
9.7AAA
5.7AA
2.2Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

F2F3DE
B9B985
9495A4
42439C
4A4931

Deuteranopia

F1F0E0
B6B38B
908AA7
392F9B
4A4B32

Tritanopia

ECE5E7
A8989D
77ABAD
0A9A99
4D3637

Achromatopsia

F2F2F2
B9B9B9
A4A4A4
6A6A6A
444444

Shades & Tints Shades & Tints

#EBFCD4

Dark
Light

#A6D16D

Dark
Light

#73BF9C

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #ebfcd4;
  --color-2: #a6d16d;
  --color-3: #73bf9c;
  --color-4: #03949e;
  --color-5: #4d452a;
}

SCSS

$color-1: #ebfcd4;
$color-2: #a6d16d;
$color-3: #73bf9c;
$color-4: #03949e;
$color-5: #4d452a;

TAILWIND

colors: {
  'brand-1': '#ebfcd4',
  'brand-2': '#a6d16d',
  'brand-3': '#73bf9c',
  'brand-4': '#03949e',
  'brand-5': '#4d452a',
}

RGB Array

[235, 252, 212], [166, 209, 109], [115, 191, 156], [3, 148, 158], [77, 69, 42]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This spring-style palette of #EBFCD4, #A6D16D, #73BF9C, #03949E, #4D452A is ideal for: social media posters, mobile apps, e-commerce promos, 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: #ebfcd4; --color-2: #a6d16d; --color-3: #73bf9c; --color-4: #03949e; --color-5: #4d452a. 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?

Medium-brightness colors suit brand primary and accent colors. Use the darkest for text, lightest for backgrounds, and mid-tones for emphasis. 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