← Back to Editor

#FEE66E · #F2E092 · #E5D9B7 · #D9D3DB · #CCCCFF

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

#FEE66E

Fresh Green · Khaki · Sunflower

HEX
#FEE66E
RGB
rgb(254, 230, 110)
HSL
hsl(50, 99%, 71%)
HSB
hsb(50, 57%, 100%)
CMYK
cmyk(0%, 9%, 57%, 0%)
Oklch
oklch(92.2% 0.142 98.1)

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

#F2E092

Goose Yellow · Khaki · Lemon Cream

HEX
#F2E092
RGB
rgb(242, 224, 146)
HSL
hsl(49, 79%, 76%)
HSB
hsb(49, 40%, 95%)
CMYK
cmyk(0%, 7%, 40%, 5%)
Oklch
oklch(90.4% 0.100 96.7)

Traditional「Goose Yellow」· Paint「Lemon Cream」· Creative Lemon Fizz

#E5D9B7

Goose Yellow · Wheat · Lemon Cream

HEX
#E5D9B7
RGB
rgb(229, 217, 183)
HSL
hsl(44, 47%, 81%)
HSB
hsb(44, 20%, 90%)
CMYK
cmyk(0%, 5%, 20%, 10%)
Oklch
oklch(88.6% 0.047 90.9)

Traditional「Goose Yellow」· Paint「Lemon Cream」· Creative Lemon Fizz

#D9D3DB

Lilac · LightGray · Lavender

HEX
#D9D3DB
RGB
rgb(217, 211, 219)
HSL
hsl(285, 10%, 84%)
HSB
hsb(285, 4%, 86%)
CMYK
cmyk(1%, 4%, 0%, 14%)
Oklch
oklch(87.4% 0.013 317.7)

Traditional「Lilac」· Paint「Lavender」· Creative Lavender Dream

#CCCCFF

Wisteria · Lavender · Sky Blue

HEX
#CCCCFF
RGB
rgb(204, 204, 255)
HSL
hsl(240, 100%, 90%)
HSB
hsb(240, 20%, 100%)
CMYK
cmyk(20%, 20%, 0%, 0%)
Oklch
oklch(86.2% 0.070 284.8)

Traditional「Wisteria」· Paint「Sky Blue」· Creative Lavender Dream

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

FEE66E
6C84FE

Analogous

FE9D6C
FEE66E
CDFE6C

Triadic

FEE66E
6CFEE6
E66CFE

Split-Comp.

FEE66E
6CCDFE
9D6CFE

Tetradic

FEE66E
6CFE9D
6C84FE
FE6CCD

Contrast Matrix WCAG 2.1 Contrast

FEE66E
F2E092
E5D9B7
D9D3DB
CCCCFF
—
1.1
Fail
1.1
Fail
1.2
Fail
1.2
Fail
1.1
Fail
—
1.1
Fail
1.1
Fail
1.2
Fail
1.1
Fail
1.1
Fail
—
1.0
Fail
1.1
Fail
1.2
Fail
1.1
Fail
1.0
Fail
—
1.0
Fail
1.2
Fail
1.2
Fail
1.1
Fail
1.0
Fail
—
White BG
1.3Fail
1.3Fail
1.4Fail
1.5Fail
1.5Fail
Black BG
16.8AAA
15.9AAA
14.9AAA
14.3AAA
13.6AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

F4F38B
EAEAA5
E0E0BF
D6D6D9
CCCCF3

Deuteranopia

F5F792
EBEDA9
E1E1C1
D7D7D9
CCCCF0

Tritanopia

FDA2A7
F1B4B7
E4C6C7
D9D8D7
CCE9E7

Achromatopsia

DFDFDF
DCDCDC
D9D9D9
D6D6D6
D2D2D2

Shades & Tints Shades & Tints

#FEE66E

Dark
Light

#F2E092

Dark
Light

#E5D9B7

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #fee66e;
  --color-2: #f2e092;
  --color-3: #e5d9b7;
  --color-4: #d9d3db;
  --color-5: #ccccff;
}

SCSS

$color-1: #fee66e;
$color-2: #f2e092;
$color-3: #e5d9b7;
$color-4: #d9d3db;
$color-5: #ccccff;

TAILWIND

colors: {
  'brand-1': '#fee66e',
  'brand-2': '#f2e092',
  'brand-3': '#e5d9b7',
  'brand-4': '#d9d3db',
  'brand-5': '#ccccff',
}

RGB Array

[254, 230, 110], [242, 224, 146], [229, 217, 183], [217, 211, 219], [204, 204, 255]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This neon-style palette of #FEE66E, #F2E092, #E5D9B7, #D9D3DB, #CCCCFF 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: #fee66e; --color-2: #f2e092; --color-3: #e5d9b7; --color-4: #d9d3db; --color-5: #ccccff. 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