#B1E718 + #79D76E + #4DBF98 + #3C99AE + #5D41A9 · spring - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

HarmoniousVersatileCool

Industry INDUSTRY

E-commerceBusiness

UI Context UI CONTEXT

Web PageComponent Library

Color Details Color Details

#B1E718

Grass Green · GreenYellow · Olive Green

HEX

#B1E718

RGB

rgb(177, 231, 24)

HSL

hsl(76, 81%, 50%)

HSB

hsb(76, 90%, 91%)

CMYK

cmyk(23%, 0%, 90%, 9%)

Oklch

oklch(85.9% 0.212 125.1)

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

#79D76E

Emerald · LightGreen · Apple Green

HEX

#79D76E

RGB

rgb(121, 215, 110)

HSL

hsl(114, 57%, 64%)

HSB

hsb(114, 49%, 84%)

CMYK

cmyk(44%, 0%, 49%, 16%)

Oklch

oklch(79.7% 0.168 141.7)

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

#4DBF98

Mineral Blue · MediumAquaMarine · Olive Green

HEX

#4DBF98

RGB

rgb(77, 191, 152)

HSL

hsl(159, 47%, 53%)

HSB

hsb(159, 60%, 75%)

CMYK

cmyk(60%, 0%, 20%, 25%)

Oklch

oklch(72.9% 0.119 167.4)

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

#3C99AE

Slate Blue · SteelBlue · Mint Ice

HEX

#3C99AE

RGB

rgb(60, 153, 174)

HSL

hsl(191, 49%, 46%)

HSB

hsb(191, 66%, 68%)

CMYK

cmyk(66%, 12%, 0%, 32%)

Oklch

oklch(63.7% 0.091 215.4)

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

#5D41A9

Deep Indigo · DarkSlateBlue · Navy Blue

HEX

#5D41A9

RGB

rgb(93, 65, 169)

HSL

hsl(256, 44%, 46%)

HSB

hsb(256, 62%, 66%)

CMYK

cmyk(45%, 62%, 0%, 34%)

Oklch

oklch(46.4% 0.159 291.3)

Traditional「Deep Indigo」· Paint「Navy Blue」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

B1E718

4F18E7

Analogous

E7B718

B1E718

48E718

Triadic

B1E718

18B0E7

E718B0

Split-Comp.

B1E718

1848E7

B718E7

Tetradic

B1E718

18E7B7

4F18E7

E71848

Contrast Matrix WCAG 2.1 Contrast

B1E718	79D76E	4DBF98	3C99AE	5D41A9
—	1.2 Fail	1.6 Fail	2.3 Fail	5.1 AA
1.2 Fail	—	1.3 Fail	1.8 Fail	4.2 AA Large
1.6 Fail	1.3 Fail	—	1.4 Fail	3.3 AA Large
2.3 Fail	1.8 Fail	1.4 Fail	—	2.3 Fail
5.1 AA	4.2 AA Large	3.3 AA Large	2.3 Fail	—

White BG

1.5Fail

1.8Fail

2.3Fail

3.3AA Large

7.5AAA

Black BG

14.3AAA

11.8AAA

9.2AAA

6.4AA

2.8Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

C8C94A

A2A387

7E7FA1

6465A9

515190

Deuteranopia

C5C156

9C958E

786FA4

5F58A8

53558A

Tritanopia

B4727A

7E9BA0

53A9AB

41A5A4

5C7C78

Achromatopsia

BFBFBF

AFAFAF

989898

808080

555555

Shades & Tints Shades & Tints

#B1E718

Dark

Light

#79D76E

Dark

Light

#4DBF98

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #b1e718;
  --color-2: #79d76e;
  --color-3: #4dbf98;
  --color-4: #3c99ae;
  --color-5: #5d41a9;
}

SCSS

$color-1: #b1e718;
$color-2: #79d76e;
$color-3: #4dbf98;
$color-4: #3c99ae;
$color-5: #5d41a9;

TAILWIND

colors: {
  'brand-1': '#b1e718',
  'brand-2': '#79d76e',
  'brand-3': '#4dbf98',
  'brand-4': '#3c99ae',
  'brand-5': '#5d41a9',
}

RGB Array

[177, 231, 24], [121, 215, 110], [77, 191, 152], [60, 153, 174], [93, 65, 169]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This spring-style palette of #B1E718, #79D76E, #4DBF98, #3C99AE, #5D41A9 is ideal for: corporate websites, product showcases, portfolios. It is a balanced and harmonious choice among 5-color palettes.

How to use this palette in CSS or frontend projects?

Copy the CSS variables directly: --color-1: #b1e718; --color-2: #79d76e; --color-3: #4dbf98; --color-4: #3c99ae; --color-5: #5d41a9. 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 spring-style 5-color scheme is especially suited for tech, SaaS, healthcare, eco industries. 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