← Back to Editor

#C3F950 · #9AFA50 · #84E855 · #44D659 · #3479A0

sea

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

PassionateDynamicCool

Industry INDUSTRY

EntertainmentFMCG

UI Context UI CONTEXT

Sale PromoSocial App

Color Details Color Details

#C3F950

Willow Green · GreenYellow · Apple Green

HEX
#C3F950
RGB
rgb(195, 249, 80)
HSL
hsl(79, 93%, 65%)
HSB
hsb(79, 68%, 98%)
CMYK
cmyk(22%, 0%, 68%, 2%)
Oklch
oklch(91.4% 0.200 125.6)

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

#9AFA50

Emerald · GreenYellow · Apple Green

HEX
#9AFA50
RGB
rgb(154, 250, 80)
HSL
hsl(94, 94%, 65%)
HSB
hsb(94, 68%, 98%)
CMYK
cmyk(38%, 0%, 68%, 2%)
Oklch
oklch(89.3% 0.220 134.4)

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

#84E855

Emerald · GreenYellow · Apple Green

HEX
#84E855
RGB
rgb(132, 232, 85)
HSL
hsl(101, 76%, 62%)
HSB
hsb(101, 63%, 91%)
CMYK
cmyk(43%, 0%, 63%, 9%)
Oklch
oklch(84.0% 0.206 137.2)

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

#44D659

Emerald · MediumSeaGreen · Olive Green

HEX
#44D659
RGB
rgb(68, 214, 89)
HSL
hsl(129, 64%, 55%)
HSB
hsb(129, 68%, 84%)
CMYK
cmyk(68%, 0%, 58%, 16%)
Oklch
oklch(77.3% 0.208 145.5)

Traditional「Emerald」· Paint「Olive Green」· Creative Blush Sunrise

#3479A0

Lake Blue · SteelBlue · Navy Blue

HEX
#3479A0
RGB
rgb(52, 121, 160)
HSL
hsl(202, 51%, 42%)
HSB
hsb(202, 68%, 63%)
CMYK
cmyk(68%, 24%, 0%, 37%)
Oklch
oklch(54.9% 0.092 236.6)

Traditional「Lake Blue」· Paint「Navy Blue」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

C3F950
8753F9

Analogous

F9DA53
C3F950
71F953

Triadic

C3F950
53C4F9
F953C4

Split-Comp.

C3F950
5371F9
DA53F9

Tetradic

C3F950
53F9DA
8753F9
F95371

Contrast Matrix WCAG 2.1 Contrast

C3F950
9AFA50
84E855
44D659
3479A0
—
1.1
Fail
1.2
Fail
1.5
Fail
3.9
AA Large
1.1
Fail
—
1.2
Fail
1.5
Fail
3.7
AA Large
1.2
Fail
1.2
Fail
—
1.2
Fail
3.1
AA Large
1.5
Fail
1.5
Fail
1.2
Fail
—
2.5
Fail
3.9
AA Large
3.7
AA Large
3.1
AA Large
2.5
Fail
—
White BG
1.2Fail
1.3Fail
1.5Fail
1.9Fail
4.8AA
Black BG
17.0AAA
16.2AAA
13.7AAA
11.0AAA
4.4AA Large

Color Blindness Simulation Color Blindness Simulation

Protanopia

DADB79
C4C479
AFB079
838577
525297

Deuteranopia

D7D383
BEB783
AAA281
7B707F
4E4994

Tritanopia

C699A0
9F9AA1
89959B
4B8F94
378F8D

Achromatopsia

D6D6D6
CACACA
B9B9B9
9C9C9C
696969

Shades & Tints Shades & Tints

#C3F950

Dark
Light

#9AFA50

Dark
Light

#84E855

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #c3f950;
  --color-2: #9afa50;
  --color-3: #84e855;
  --color-4: #44d659;
  --color-5: #3479a0;
}

SCSS

$color-1: #c3f950;
$color-2: #9afa50;
$color-3: #84e855;
$color-4: #44d659;
$color-5: #3479a0;

TAILWIND

colors: {
  'brand-1': '#c3f950',
  'brand-2': '#9afa50',
  'brand-3': '#84e855',
  'brand-4': '#44d659',
  'brand-5': '#3479a0',
}

RGB Array

[195, 249, 80], [154, 250, 80], [132, 232, 85], [68, 214, 89], [52, 121, 160]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This sea-style palette of #C3F950, #9AFA50, #84E855, #44D659, #3479A0 is ideal for: social media posters, mobile apps, e-commerce promos. 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: #c3f950; --color-2: #9afa50; --color-3: #84e855; --color-4: #44d659; --color-5: #3479a0. 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. 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