← Back to Editor

#FFF5B8 · #75C9A2 · #141414 · #FF5A42 · #FFA05C

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 PageData Visualization

Color Details Color Details

#FFF5B8

Fresh Green · Bisque · Lemon Cream

HEX
#FFF5B8
RGB
rgb(255, 245, 184)
HSL
hsl(52, 100%, 86%)
HSB
hsb(52, 28%, 100%)
CMYK
cmyk(0%, 4%, 28%, 0%)
Oklch
oklch(96.4% 0.078 99.9)

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

#75C9A2

Jade · MediumAquaMarine · Apple Green

HEX
#75C9A2
RGB
rgb(117, 201, 162)
HSL
hsl(152, 44%, 62%)
HSB
hsb(152, 42%, 79%)
CMYK
cmyk(42%, 0%, 19%, 21%)
Oklch
oklch(77.2% 0.100 162.7)

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

#141414

Ink Black · Black · Jet Black

HEX
#141414
RGB
rgb(20, 20, 20)
HSL
hsl(0, 0%, 8%)
HSB
hsb(0, 0%, 8%)
CMYK
cmyk(0%, 0%, 0%, 92%)
Oklch
oklch(19.1% 0.000 89.9)

Traditional「Ink Black」· Paint「Jet Black」· Creative Midnight Shadow

#FF5A42

Peach Pink · Tomato · Coral Red

HEX
#FF5A42
RGB
rgb(255, 90, 66)
HSL
hsl(8, 100%, 63%)
HSB
hsb(8, 74%, 100%)
CMYK
cmyk(0%, 65%, 74%, 0%)
Oklch
oklch(68.5% 0.205 31.1)

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

#FFA05C

Apricot · SandyBrown · Warm Sun

HEX
#FFA05C
RGB
rgb(255, 160, 92)
HSL
hsl(25, 100%, 68%)
HSB
hsb(25, 64%, 100%)
CMYK
cmyk(0%, 37%, 64%, 0%)
Oklch
oklch(78.9% 0.141 54.7)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

FFF5B8
B8C1FF

Analogous

FFD2B8
FFF5B8
E5FFB8

Triadic

FFF5B8
B8FFF5
F5B8FF

Split-Comp.

FFF5B8
B8E5FF
D2B8FF

Tetradic

FFF5B8
B8FFD2
B8C1FF
FFB8E5

Contrast Matrix WCAG 2.1 Contrast

FFF5B8
75C9A2
141414
FF5A42
FFA05C
—
1.8
Fail
16.7
AAA
2.8
Fail
1.8
Fail
1.8
Fail
—
9.3
AAA
1.6
Fail
1.0
Fail
16.7
AAA
9.3
AAA
—
6.0
AA
9.2
AAA
2.8
Fail
1.6
Fail
6.0
AA
—
1.5
Fail
1.8
Fail
1.0
Fail
9.2
AAA
1.5
Fail
—
White BG
1.1Fail
2.0Fail
18.4AAA
3.1AA Large
2.0Fail
Black BG
19.0AAA
10.6AAA
1.1Fail
6.8AA
10.4AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

FBFBC7
999AAB
141414
B8B648
D6D56C

Deuteranopia

FBFCCA
958EAE
141414
C1CE49
DBE370

Tritanopia

FFD2D5
79B3B5
141414
F74C4D
FA797C

Achromatopsia

F1F1F1
ABABAB
141414
898989
B5B5B5

Shades & Tints Shades & Tints

#FFF5B8

Dark
Light

#75C9A2

Dark
Light

#141414

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #fff5b8;
  --color-2: #75c9a2;
  --color-3: #141414;
  --color-4: #ff5a42;
  --color-5: #ffa05c;
}

SCSS

$color-1: #fff5b8;
$color-2: #75c9a2;
$color-3: #141414;
$color-4: #ff5a42;
$color-5: #ffa05c;

TAILWIND

colors: {
  'brand-1': '#fff5b8',
  'brand-2': '#75c9a2',
  'brand-3': '#141414',
  'brand-4': '#ff5a42',
  'brand-5': '#ffa05c',
}

RGB Array

[255, 245, 184], [117, 201, 162], [20, 20, 20], [255, 90, 66], [255, 160, 92]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This neon-style palette of #FFF5B8, #75C9A2, #141414, #FF5A42, #FFA05C is ideal for: social media posters, mobile apps, e-commerce promos, infographics, data visualization, accessible design. Vivid colors effectively attract user attention. High contrast ensures clear visual hierarchy and readability. 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: #fff5b8; --color-2: #75c9a2; --color-3: #141414; --color-4: #ff5a42; --color-5: #ffa05c. 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. High-contrast palettes naturally meet WCAG accessibility standards. 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