← Back to Editor

#CFE530 · #E7724B · #7A5C52 · #B4D97E · #E7F298

neon

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

FuturisticEnergeticRebelliousWarm

Industry INDUSTRY

GamingWeb3 / CryptoDeep Tech

UI Context UI CONTEXT

Dark Mode UIDashboardCampaign Page

Color Details Color Details

#CFE530

Autumn Sage · GreenYellow · Sunflower

HEX
#CFE530
RGB
rgb(207, 229, 48)
HSL
hsl(67, 78%, 54%)
HSB
hsb(67, 79%, 90%)
CMYK
cmyk(10%, 0%, 79%, 10%)
Oklch
oklch(87.6% 0.190 116.8)

Traditional「Autumn Sage」· Paint「Sunflower」· Creative Blush Sunrise

#E7724B

Tangerine · Coral · Warm Sun

HEX
#E7724B
RGB
rgb(231, 114, 75)
HSL
hsl(15, 76%, 60%)
HSB
hsb(15, 68%, 91%)
CMYK
cmyk(0%, 51%, 68%, 9%)
Oklch
oklch(68.2% 0.155 38.9)

Traditional「Tangerine」· Paint「Warm Sun」· Creative Blush Sunrise

#7A5C52

Tangerine · DimGray · Amber Brown

HEX
#7A5C52
RGB
rgb(122, 92, 82)
HSL
hsl(15, 20%, 40%)
HSB
hsb(15, 33%, 48%)
CMYK
cmyk(0%, 25%, 33%, 52%)
Oklch
oklch(50.3% 0.043 39.2)

Traditional「Tangerine」· Paint「Amber Brown」· Creative Blush Sunrise

#B4D97E

Willow Green · LightGreen · Apple Green

HEX
#B4D97E
RGB
rgb(180, 217, 126)
HSL
hsl(84, 54%, 67%)
HSB
hsb(84, 42%, 85%)
CMYK
cmyk(17%, 0%, 42%, 15%)
Oklch
oklch(83.8% 0.125 127.0)

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

#E7F298

Fresh Green · Khaki · Lemon Cream

HEX
#E7F298
RGB
rgb(231, 242, 152)
HSL
hsl(67, 78%, 77%)
HSB
hsb(67, 37%, 95%)
CMYK
cmyk(5%, 0%, 37%, 5%)
Oklch
oklch(93.3% 0.114 114.3)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

CFE530
442EE5

Analogous

E59F2E
CFE530
74E52E

Triadic

CFE530
2ED0E5
E52ED0

Split-Comp.

CFE530
2E74E5
9F2EE5

Tetradic

CFE530
2EE59F
442EE5
E52E74

Contrast Matrix WCAG 2.1 Contrast

CFE530
E7724B
7A5C52
B4D97E
E7F298
—
2.2
Fail
4.3
AA Large
1.1
Fail
1.2
Fail
2.2
Fail
—
2.0
Fail
1.9
Fail
2.5
Fail
4.3
AA Large
2.0
Fail
—
3.8
AA Large
5.0
AA
1.1
Fail
1.9
Fail
3.8
AA Large
—
1.3
Fail
1.2
Fail
2.5
Fail
5.0
AA
1.3
Fail
—
White BG
1.4Fail
3.0AA Large
6.0AA
1.6Fail
1.2Fail
Black BG
14.9AAA
6.9AA
3.5AA Large
13.2AAA
17.6AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

D9D95C
B4B354
6D6D54
C4C494
ECECAE

Deuteranopia

D7D666
BBC457
6F7155
C2BF99
EBEAB3

Tritanopia

D07E86
E15C5E
785657
B6A5A9
E8BFC3

Achromatopsia

CACACA
919191
646464
C4C4C4
E4E4E4

Shades & Tints Shades & Tints

#CFE530

Dark
Light

#E7724B

Dark
Light

#7A5C52

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #cfe530;
  --color-2: #e7724b;
  --color-3: #7a5c52;
  --color-4: #b4d97e;
  --color-5: #e7f298;
}

SCSS

$color-1: #cfe530;
$color-2: #e7724b;
$color-3: #7a5c52;
$color-4: #b4d97e;
$color-5: #e7f298;

TAILWIND

colors: {
  'brand-1': '#cfe530',
  'brand-2': '#e7724b',
  'brand-3': '#7a5c52',
  'brand-4': '#b4d97e',
  'brand-5': '#e7f298',
}

RGB Array

[207, 229, 48], [231, 114, 75], [122, 92, 82], [180, 217, 126], [231, 242, 152]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This neon-style palette of #CFE530, #E7724B, #7A5C52, #B4D97E, #E7F298 is ideal for: social media posters, mobile apps, e-commerce promos. 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: #cfe530; --color-2: #e7724b; --color-3: #7a5c52; --color-4: #b4d97e; --color-5: #e7f298. 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 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