← Back to Editor

#C7DEAC · #E0E7BF · #DDE99D · #D9EB7A · #E3EB62

neon

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

FuturisticEnergeticRebellious

Industry INDUSTRY

GamingWeb3 / CryptoDeep Tech

UI Context UI CONTEXT

Dark Mode UIDashboardCampaign Page

Color Details Color Details

#C7DEAC

Willow Green · Silver · Apple Green

HEX
#C7DEAC
RGB
rgb(199, 222, 172)
HSL
hsl(88, 43%, 77%)
HSB
hsb(88, 23%, 87%)
CMYK
cmyk(10%, 0%, 23%, 13%)
Oklch
oklch(87.1% 0.071 127.9)

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

#E0E7BF

Willow Green · Wheat · Mint Green

HEX
#E0E7BF
RGB
rgb(224, 231, 191)
HSL
hsl(71, 45%, 83%)
HSB
hsb(71, 17%, 91%)
CMYK
cmyk(3%, 0%, 17%, 9%)
Oklch
oklch(91.2% 0.053 115.5)

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

#DDE99D

Fresh Green · Khaki · Lemon Cream

HEX
#DDE99D
RGB
rgb(221, 233, 157)
HSL
hsl(69, 63%, 76%)
HSB
hsb(69, 33%, 91%)
CMYK
cmyk(5%, 0%, 33%, 9%)
Oklch
oklch(90.7% 0.098 115.7)

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

#D9EB7A

Willow Green · Khaki · Apple Green

HEX
#D9EB7A
RGB
rgb(217, 235, 122)
HSL
hsl(70, 74%, 70%)
HSB
hsb(70, 48%, 92%)
CMYK
cmyk(8%, 0%, 48%, 8%)
Oklch
oklch(90.3% 0.140 116.7)

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

#E3EB62

Fresh Green · Khaki · Sunflower

HEX
#E3EB62
RGB
rgb(227, 235, 98)
HSL
hsl(64, 77%, 65%)
HSB
hsb(64, 58%, 92%)
CMYK
cmyk(3%, 0%, 58%, 8%)
Oklch
oklch(90.8% 0.159 112.3)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

C7DEAC
C3ABDE

Analogous

DEDCAB
C7DEAC
ADDEAB

Triadic

C7DEAC
ABC6DE
DEABC6

Split-Comp.

C7DEAC
ABADDE
DCABDE

Tetradic

C7DEAC
ABDEDC
C3ABDE
DEABAD

Contrast Matrix WCAG 2.1 Contrast

C7DEAC
E0E7BF
DDE99D
D9EB7A
E3EB62
—
1.1
Fail
1.1
Fail
1.1
Fail
1.1
Fail
1.1
Fail
—
1.0
Fail
1.0
Fail
1.0
Fail
1.1
Fail
1.0
Fail
—
1.0
Fail
1.0
Fail
1.1
Fail
1.0
Fail
1.0
Fail
—
1.0
Fail
1.1
Fail
1.0
Fail
1.0
Fail
1.0
Fail
—
White BG
1.5Fail
1.3Fail
1.3Fail
1.3Fail
1.3Fail
Black BG
14.5AAA
16.4AAA
16.2AAA
16.1AAA
16.3AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

D1D1B8
E3E3C9
E2E2AF
E1E195
E6E783

Deuteranopia

D0CEBB
E3E2CB
E2E1B4
E0DE9C
E6E58B

Tritanopia

C8C2C4
E0D0D2
DEBEC1
DAABB0
E39DA3

Achromatopsia

D1D1D1
E0E0E0
DDDDDD
D9D9D9
D9D9D9

Shades & Tints Shades & Tints

#C7DEAC

Dark
Light

#E0E7BF

Dark
Light

#DDE99D

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #c7deac;
  --color-2: #e0e7bf;
  --color-3: #dde99d;
  --color-4: #d9eb7a;
  --color-5: #e3eb62;
}

SCSS

$color-1: #c7deac;
$color-2: #e0e7bf;
$color-3: #dde99d;
$color-4: #d9eb7a;
$color-5: #e3eb62;

TAILWIND

colors: {
  'brand-1': '#c7deac',
  'brand-2': '#e0e7bf',
  'brand-3': '#dde99d',
  'brand-4': '#d9eb7a',
  'brand-5': '#e3eb62',
}

RGB Array

[199, 222, 172], [224, 231, 191], [221, 233, 157], [217, 235, 122], [227, 235, 98]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This neon-style palette of #C7DEAC, #E0E7BF, #DDE99D, #D9EB7A, #E3EB62 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: #c7deac; --color-2: #e0e7bf; --color-3: #dde99d; --color-4: #d9eb7a; --color-5: #e3eb62. 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