← Back to Editor

#EBE981 · #C6F296 · #B8FFB3 · #BAE8D2 · #BDF2E5

neon

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

FuturisticEnergeticRebelliousWarmCool

Industry INDUSTRY

GamingWeb3 / CryptoDeep Tech

UI Context UI CONTEXT

Dark Mode UIDashboardCampaign Page

Color Details Color Details

#EBE981

Fresh Green · Khaki · Sunflower

HEX
#EBE981
RGB
rgb(235, 233, 129)
HSL
hsl(59, 73%, 71%)
HSB
hsb(59, 45%, 92%)
CMYK
cmyk(0%, 1%, 45%, 8%)
Oklch
oklch(91.4% 0.127 107.7)

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

#C6F296

Willow Green · Khaki · Apple Green

HEX
#C6F296
RGB
rgb(198, 242, 150)
HSL
hsl(89, 78%, 77%)
HSB
hsb(89, 38%, 95%)
CMYK
cmyk(18%, 0%, 38%, 5%)
Oklch
oklch(90.9% 0.127 129.4)

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

#B8FFB3

Emerald · LightGreen · Mint Green

HEX
#B8FFB3
RGB
rgb(184, 255, 179)
HSL
hsl(116, 100%, 85%)
HSB
hsb(116, 30%, 100%)
CMYK
cmyk(28%, 0%, 30%, 0%)
Oklch
oklch(93.4% 0.123 142.9)

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

#BAE8D2

Jade · LightBlue · Mint Green

HEX
#BAE8D2
RGB
rgb(186, 232, 210)
HSL
hsl(151, 50%, 82%)
HSB
hsb(151, 20%, 91%)
CMYK
cmyk(20%, 0%, 9%, 9%)
Oklch
oklch(89.3% 0.056 164.5)

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

#BDF2E5

Jade · LightBlue · Glacier Blue

HEX
#BDF2E5
RGB
rgb(189, 242, 229)
HSL
hsl(165, 67%, 85%)
HSB
hsb(165, 22%, 95%)
CMYK
cmyk(22%, 0%, 5%, 5%)
Oklch
oklch(92.1% 0.057 178.3)

Traditional「Jade」· Paint「Glacier Blue」· Creative Arctic Pool

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

EBE981
7F81EB

Analogous

EBB37F
EBE981
B7EB7F

Triadic

EBE981
7FEBE9
E97FEB

Split-Comp.

EBE981
7FB7EB
B37FEB

Tetradic

EBE981
7FEBB3
7F81EB
EB7FB7

Contrast Matrix WCAG 2.1 Contrast

EBE981
C6F296
B8FFB3
BAE8D2
BDF2E5
—
1.0
Fail
1.1
Fail
1.1
Fail
1.0
Fail
1.0
Fail
—
1.1
Fail
1.1
Fail
1.0
Fail
1.1
Fail
1.1
Fail
—
1.2
Fail
1.1
Fail
1.1
Fail
1.1
Fail
1.2
Fail
—
1.1
Fail
1.0
Fail
1.0
Fail
1.1
Fail
1.1
Fail
—
White BG
1.3Fail
1.3Fail
1.2Fail
1.3Fail
1.2Fail
Black BG
16.5AAA
16.5AAA
18.0AAA
15.6AAA
17.0AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

EAEA9A
D9D9AC
D7D7C5
CECED7
D4D4E8

Deuteranopia

EAEAA0
D7D3B2
D3CDCA
CBC8D9
D1CDE9

Tritanopia

EBAEB2
C8BEC2
BCD4D7
BCDCDC
C0EBEB

Achromatopsia

DEDEDE
DADADA
E1E1E1
D8D8D8
E1E1E1

Shades & Tints Shades & Tints

#EBE981

Dark
Light

#C6F296

Dark
Light

#B8FFB3

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #ebe981;
  --color-2: #c6f296;
  --color-3: #b8ffb3;
  --color-4: #bae8d2;
  --color-5: #bdf2e5;
}

SCSS

$color-1: #ebe981;
$color-2: #c6f296;
$color-3: #b8ffb3;
$color-4: #bae8d2;
$color-5: #bdf2e5;

TAILWIND

colors: {
  'brand-1': '#ebe981',
  'brand-2': '#c6f296',
  'brand-3': '#b8ffb3',
  'brand-4': '#bae8d2',
  'brand-5': '#bdf2e5',
}

RGB Array

[235, 233, 129], [198, 242, 150], [184, 255, 179], [186, 232, 210], [189, 242, 229]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This neon-style palette of #EBE981, #C6F296, #B8FFB3, #BAE8D2, #BDF2E5 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: #ebe981; --color-2: #c6f296; --color-3: #b8ffb3; --color-4: #bae8d2; --color-5: #bdf2e5. 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 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