#9FB8B1 + #B0C995 + #C1DB79 + #D1EC5D + #E2FD41 · neon - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

FuturisticEnergeticRebelliousCool

Industry INDUSTRY

GamingWeb3 / CryptoDeep Tech

UI Context UI CONTEXT

Dark Mode UIDashboardCampaign Page

Color Details Color Details

#9FB8B1

Jade · DarkGray · Lake Green

HEX

#9FB8B1

RGB

rgb(159, 184, 177)

HSL

hsl(163, 15%, 67%)

HSB

hsb(163, 14%, 72%)

CMYK

cmyk(14%, 0%, 4%, 28%)

Oklch

oklch(76.2% 0.029 176.8)

Traditional「Jade」· Paint「Lake Green」· Creative Arctic Pool

#B0C995

Willow Green · DarkSeaGreen · Apple Green

HEX

#B0C995

RGB

rgb(176, 201, 149)

HSL

hsl(89, 32%, 69%)

HSB

hsb(89, 26%, 79%)

CMYK

cmyk(12%, 0%, 26%, 21%)

Oklch

oklch(80.4% 0.076 128.9)

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

#C1DB79

Willow Green · Tan · Apple Green

HEX

#C1DB79

RGB

rgb(193, 219, 121)

HSL

hsl(76, 58%, 67%)

HSB

hsb(76, 45%, 86%)

CMYK

cmyk(12%, 0%, 45%, 14%)

Oklch

oklch(85.1% 0.127 121.3)

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

#D1EC5D

Willow Green · Khaki · Apple Green

HEX

#D1EC5D

RGB

rgb(209, 236, 93)

HSL

hsl(71, 79%, 65%)

HSB

hsb(71, 61%, 93%)

CMYK

cmyk(11%, 0%, 61%, 7%)

Oklch

oklch(89.6% 0.169 119.0)

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

#E2FD41

Fresh Green · GreenYellow · Sunflower

HEX

#E2FD41

RGB

rgb(226, 253, 65)

HSL

hsl(69, 98%, 62%)

HSB

hsb(69, 74%, 99%)

CMYK

cmyk(11%, 0%, 74%, 1%)

Oklch

oklch(94.3% 0.200 117.7)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

9FB8B1

B79EA5

Analogous

9EB7A4

9FB8B1

9EB2B7

Triadic

9FB8B1

B09EB7

B7B09E

Split-Comp.

9FB8B1

B79EB2

B7A49E

Tetradic

9FB8B1

A49EB7

B79EA5

B2B79E

Contrast Matrix WCAG 2.1 Contrast

9FB8B1	B0C995	C1DB79	D1EC5D	E2FD41
—	1.2 Fail	1.4 Fail	1.6 Fail	1.8 Fail
1.2 Fail	—	1.2 Fail	1.4 Fail	1.6 Fail
1.4 Fail	1.2 Fail	—	1.2 Fail	1.3 Fail
1.6 Fail	1.4 Fail	1.2 Fail	—	1.2 Fail
1.8 Fail	1.6 Fail	1.3 Fail	1.2 Fail	—

White BG

2.1Fail

1.8Fail

1.5Fail

1.3Fail

1.1Fail

Black BG

10.0AAA

11.6AAA

13.7AAA

15.9AAA

18.4AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

AAAAB3

BBBBA2

CCCC91

DDDD80

EEEE6E

Deuteranopia

A8A7B3

B9B8A5

CBC996

DBD988

ECEA79

Tritanopia

A0B4B4

B1ACAE

C2A3A8

D29BA1

E3929A

Achromatopsia

B0B0B0

BCBCBC

C8C8C8

D4D4D4

DFDFDF

Shades & Tints Shades & Tints

#9FB8B1

Dark

Light

#B0C995

Dark

Light

#C1DB79

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #9fb8b1;
  --color-2: #b0c995;
  --color-3: #c1db79;
  --color-4: #d1ec5d;
  --color-5: #e2fd41;
}

SCSS

$color-1: #9fb8b1;
$color-2: #b0c995;
$color-3: #c1db79;
$color-4: #d1ec5d;
$color-5: #e2fd41;

TAILWIND

colors: {
  'brand-1': '#9fb8b1',
  'brand-2': '#b0c995',
  'brand-3': '#c1db79',
  'brand-4': '#d1ec5d',
  'brand-5': '#e2fd41',
}

RGB Array

[159, 184, 177], [176, 201, 149], [193, 219, 121], [209, 236, 93], [226, 253, 65]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This neon-style palette of #9FB8B1, #B0C995, #C1DB79, #D1EC5D, #E2FD41 is ideal for: health products, baby brands, fresh-style blogs. 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: #9fb8b1; --color-2: #b0c995; --color-3: #c1db79; --color-4: #d1ec5d; --color-5: #e2fd41. 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 neon-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