← Back to Editor

#F2F080 · #F2D480 · #F2B780 · #F29B80 · #F28082

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

#F2F080

Fresh Green · Khaki · Sunflower

HEX
#F2F080
RGB
rgb(242, 240, 128)
HSL
hsl(59, 81%, 73%)
HSB
hsb(59, 47%, 95%)
CMYK
cmyk(0%, 1%, 47%, 5%)
Oklch
oklch(93.4% 0.135 107.8)

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

#F2D480

Goose Yellow · Khaki · Sunflower

HEX
#F2D480
RGB
rgb(242, 212, 128)
HSL
hsl(44, 81%, 73%)
HSB
hsb(44, 47%, 95%)
CMYK
cmyk(0%, 12%, 47%, 5%)
Oklch
oklch(87.7% 0.109 90.4)

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

#F2B780

Apricot · BurlyWood · Warm Sun

HEX
#F2B780
RGB
rgb(242, 183, 128)
HSL
hsl(29, 81%, 73%)
HSB
hsb(29, 47%, 95%)
CMYK
cmyk(0%, 24%, 47%, 5%)
Oklch
oklch(82.1% 0.099 63.7)

Traditional「Apricot」· Paint「Warm Sun」· Creative Honey Glow

#F29B80

Peach Pink · DarkSalmon · Coral Red

HEX
#F29B80
RGB
rgb(242, 155, 128)
HSL
hsl(14, 81%, 73%)
HSB
hsb(14, 47%, 95%)
CMYK
cmyk(0%, 36%, 47%, 5%)
Oklch
oklch(77.1% 0.112 38.0)

Traditional「Peach Pink」· Paint「Coral Red」· Creative Blush Sunrise

#F28082

Peach Pink · LightCoral · Coral Red

HEX
#F28082
RGB
rgb(242, 128, 130)
HSL
hsl(359, 81%, 73%)
HSB
hsb(359, 47%, 95%)
CMYK
cmyk(0%, 47%, 46%, 5%)
Oklch
oklch(72.8% 0.140 20.0)

Traditional「Peach Pink」· Paint「Coral Red」· Creative Rose Petal

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

F2F080
8284F2

Analogous

F2B882
F2F080
BCF282

Triadic

F2F080
82F2F0
F082F2

Split-Comp.

F2F080
82BCF2
B882F2

Tetradic

F2F080
82F2B8
8284F2
F282BC

Contrast Matrix WCAG 2.1 Contrast

F2F080
F2D480
F2B780
F29B80
F28082
—
1.2
Fail
1.5
Fail
1.8
Fail
2.1
Fail
1.2
Fail
—
1.2
Fail
1.5
Fail
1.8
Fail
1.5
Fail
1.2
Fail
—
1.2
Fail
1.4
Fail
1.8
Fail
1.5
Fail
1.2
Fail
—
1.2
Fail
2.1
Fail
1.8
Fail
1.4
Fail
1.2
Fail
—
White BG
1.2Fail
1.4Fail
1.8Fail
2.1Fail
2.6Fail
Black BG
17.6AAA
14.5AAA
11.9AAA
9.8AAA
8.2AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

F1F19B
E5E594
D8D88D
CCCC87
C1C082

Deuteranopia

F1F1A2
E7E999
DCE091
D1D888
C7D081

Tritanopia

F2B0B5
F0A4A8
EF989A
EE8C8D
EC8181

Achromatopsia

E4E4E4
D3D3D3
C2C2C2
B2B2B2
A2A2A2

Shades & Tints Shades & Tints

#F2F080

Dark
Light

#F2D480

Dark
Light

#F2B780

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #f2f080;
  --color-2: #f2d480;
  --color-3: #f2b780;
  --color-4: #f29b80;
  --color-5: #f28082;
}

SCSS

$color-1: #f2f080;
$color-2: #f2d480;
$color-3: #f2b780;
$color-4: #f29b80;
$color-5: #f28082;

TAILWIND

colors: {
  'brand-1': '#f2f080',
  'brand-2': '#f2d480',
  'brand-3': '#f2b780',
  'brand-4': '#f29b80',
  'brand-5': '#f28082',
}

RGB Array

[242, 240, 128], [242, 212, 128], [242, 183, 128], [242, 155, 128], [242, 128, 130]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This neon-style palette of #F2F080, #F2D480, #F2B780, #F29B80, #F28082 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: #f2f080; --color-2: #f2d480; --color-3: #f2b780; --color-4: #f29b80; --color-5: #f28082. 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