← Back to Editor

#F20544 · #590219 · #7ABFA6 · #F2BE5C · #F2836B

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

#F20544

Dark Violet · Crimson · Camellia

HEX
#F20544
RGB
rgb(242, 5, 68)
HSL
hsl(344, 96%, 48%)
HSB
hsb(344, 98%, 95%)
CMYK
cmyk(0%, 98%, 72%, 5%)
Oklch
oklch(61.0% 0.243 19.0)

Traditional「Dark Violet」· Paint「Camellia」· Creative Blush Sunrise

#590219

Dark Violet · Maroon · Raspberry

HEX
#590219
RGB
rgb(89, 2, 25)
HSL
hsl(344, 96%, 18%)
HSB
hsb(344, 98%, 35%)
CMYK
cmyk(0%, 98%, 72%, 65%)
Oklch
oklch(29.7% 0.116 15.2)

Traditional「Dark Violet」· Paint「Raspberry」· Creative Blush Sunrise

#7ABFA6

Jade · MediumAquaMarine · Apple Green

HEX
#7ABFA6
RGB
rgb(122, 191, 166)
HSL
hsl(158, 35%, 61%)
HSB
hsb(158, 36%, 75%)
CMYK
cmyk(36%, 0%, 13%, 25%)
Oklch
oklch(75.1% 0.079 169.2)

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

#F2BE5C

Ginger · SandyBrown · Warm Sun

HEX
#F2BE5C
RGB
rgb(242, 190, 92)
HSL
hsl(39, 85%, 65%)
HSB
hsb(39, 62%, 95%)
CMYK
cmyk(0%, 21%, 62%, 5%)
Oklch
oklch(83.0% 0.130 81.1)

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

#F2836B

Peach Pink · Salmon · Coral Red

HEX
#F2836B
RGB
rgb(242, 131, 107)
HSL
hsl(11, 84%, 68%)
HSB
hsb(11, 56%, 95%)
CMYK
cmyk(0%, 46%, 56%, 5%)
Oklch
oklch(72.8% 0.141 33.3)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

F20544
05F0B1

Analogous

F005B9
F20544
F03C05

Triadic

F20544
44F005
0544F0

Split-Comp.

F20544
05F03C
05B9F0

Tetradic

F20544
B9F005
05F0B1
3C05F0

Contrast Matrix WCAG 2.1 Contrast

F20544
590219
7ABFA6
F2BE5C
F2836B
—
3.4
AA Large
2.0
Fail
2.5
Fail
1.7
Fail
3.4
AA Large
—
6.8
AA
8.5
AAA
5.7
AA
2.0
Fail
6.8
AA
—
1.3
Fail
1.2
Fail
2.5
Fail
8.5
AAA
1.3
Fail
—
1.5
Fail
1.7
Fail
5.7
AA
1.2
Fail
1.5
Fail
—
White BG
4.3AA Large
14.5AAA
2.1Fail
1.7Fail
2.6Fail
Black BG
4.9AA
1.4Fail
9.8AAA
12.3AAA
8.2AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

8B8935
333313
9898AC
DBDB74
C2C171

Deuteranopia

99AB31
383F12
948FAE
DFE279
C8D172

Tritanopia

E62926
550F0E
7DB1B2
EF868B
EC7576

Achromatopsia

535353
1F1F1F
A8A8A8
C2C2C2
A1A1A1

Shades & Tints Shades & Tints

#F20544

Dark
Light

#590219

Dark
Light

#7ABFA6

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #f20544;
  --color-2: #590219;
  --color-3: #7abfa6;
  --color-4: #f2be5c;
  --color-5: #f2836b;
}

SCSS

$color-1: #f20544;
$color-2: #590219;
$color-3: #7abfa6;
$color-4: #f2be5c;
$color-5: #f2836b;

TAILWIND

colors: {
  'brand-1': '#f20544',
  'brand-2': '#590219',
  'brand-3': '#7abfa6',
  'brand-4': '#f2be5c',
  'brand-5': '#f2836b',
}

RGB Array

[242, 5, 68], [89, 2, 25], [122, 191, 166], [242, 190, 92], [242, 131, 107]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This neon-style palette of #F20544, #590219, #7ABFA6, #F2BE5C, #F2836B 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: #f20544; --color-2: #590219; --color-3: #7abfa6; --color-4: #f2be5c; --color-5: #f2836b. 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