← Back to Editor

#E4FC25 · #DDFDC5 · #FFFEBB · #CBFDCB · #F56048

sea

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

#E4FC25

Autumn Sage · Yellow · Sunflower

HEX
#E4FC25
RGB
rgb(228, 252, 37)
HSL
hsl(67, 97%, 57%)
HSB
hsb(67, 85%, 99%)
CMYK
cmyk(10%, 0%, 85%, 1%)
Oklch
oklch(94.1% 0.210 116.7)

Traditional「Autumn Sage」· Paint「Sunflower」· Creative Blush Sunrise

#DDFDC5

Emerald · Beige · Mint Green

HEX
#DDFDC5
RGB
rgb(221, 253, 197)
HSL
hsl(94, 93%, 88%)
HSB
hsb(94, 22%, 99%)
CMYK
cmyk(13%, 0%, 22%, 1%)
Oklch
oklch(95.7% 0.081 132.0)

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

#FFFEBB

Fresh Green · Bisque · Lemon Cream

HEX
#FFFEBB
RGB
rgb(255, 254, 187)
HSL
hsl(59, 100%, 87%)
HSB
hsb(59, 27%, 100%)
CMYK
cmyk(0%, 0%, 27%, 0%)
Oklch
oklch(98.2% 0.085 107.1)

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

#CBFDCB

Emerald · LightGray · Mint Green

HEX
#CBFDCB
RGB
rgb(203, 253, 203)
HSL
hsl(120, 93%, 89%)
HSB
hsb(120, 20%, 99%)
CMYK
cmyk(20%, 0%, 20%, 1%)
Oklch
oklch(94.7% 0.084 144.9)

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

#F56048

Peach Pink · Tomato · Coral Red

HEX
#F56048
RGB
rgb(245, 96, 72)
HSL
hsl(8, 90%, 62%)
HSB
hsb(8, 71%, 96%)
CMYK
cmyk(0%, 61%, 71%, 4%)
Oklch
oklch(67.7% 0.188 31.5)

Traditional「Peach Pink」· Paint「Coral Red」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

E4FC25
4027FC

Analogous

FCAA27
E4FC25
79FC27

Triadic

E4FC25
27E3FC
FC27E3

Split-Comp.

E4FC25
2779FC
AA27FC

Tetradic

E4FC25
27FCAA
4027FC
FC2779

Contrast Matrix WCAG 2.1 Contrast

E4FC25
DDFDC5
FFFEBB
CBFDCB
F56048
—
1.0
Fail
1.1
Fail
1.0
Fail
2.7
Fail
1.0
Fail
—
1.1
Fail
1.0
Fail
2.8
Fail
1.1
Fail
1.1
Fail
—
1.1
Fail
3.0
AA Large
1.0
Fail
1.0
Fail
1.1
Fail
—
2.8
Fail
2.7
Fail
2.8
Fail
3.0
AA Large
2.8
Fail
—
White BG
1.2Fail
1.1Fail
1.0Fail
1.1Fail
3.2AA Large
Black BG
18.2AAA
18.9AAA
20.1AAA
18.5AAA
6.6AA

Color Blindness Simulation Color Blindness Simulation

Protanopia

EEEF59
EBEBD3
FFFFCB
E1E1D7
B4B34E

Deuteranopia

EDEB66
E9E7D6
FFFFCF
DEDADA
BDC84F

Tritanopia

E5828B
DFDDE0
FFD8DB
CEE1E3
EE5253

Achromatopsia

DCDCDC
EDEDED
F7F7F7
E8E8E8
8A8A8A

Shades & Tints Shades & Tints

#E4FC25

Dark
Light

#DDFDC5

Dark
Light

#FFFEBB

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #e4fc25;
  --color-2: #ddfdc5;
  --color-3: #fffebb;
  --color-4: #cbfdcb;
  --color-5: #f56048;
}

SCSS

$color-1: #e4fc25;
$color-2: #ddfdc5;
$color-3: #fffebb;
$color-4: #cbfdcb;
$color-5: #f56048;

TAILWIND

colors: {
  'brand-1': '#e4fc25',
  'brand-2': '#ddfdc5',
  'brand-3': '#fffebb',
  'brand-4': '#cbfdcb',
  'brand-5': '#f56048',
}

RGB Array

[228, 252, 37], [221, 253, 197], [255, 254, 187], [203, 253, 203], [245, 96, 72]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This sea-style palette of #E4FC25, #DDFDC5, #FFFEBB, #CBFDCB, #F56048 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: #e4fc25; --color-2: #ddfdc5; --color-3: #fffebb; --color-4: #cbfdcb; --color-5: #f56048. 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 sea-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