← Back to Editor

#FF4C05 · #CF9C63 · #E31757 · #19000A · #043645

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

#FF4C05

Tangerine · OrangeRed · Warm Sun

HEX
#FF4C05
RGB
rgb(255, 76, 5)
HSL
hsl(17, 100%, 51%)
HSB
hsb(17, 98%, 100%)
CMYK
cmyk(0%, 70%, 98%, 0%)
Oklch
oklch(66.7% 0.224 36.5)

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

#CF9C63

Ginger · DarkSalmon · Warm Sun

HEX
#CF9C63
RGB
rgb(207, 156, 99)
HSL
hsl(32, 53%, 60%)
HSB
hsb(32, 52%, 81%)
CMYK
cmyk(0%, 25%, 52%, 19%)
Oklch
oklch(72.9% 0.096 68.5)

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

#E31757

Dark Violet · Crimson · Camellia

HEX
#E31757
RGB
rgb(227, 23, 87)
HSL
hsl(341, 82%, 49%)
HSB
hsb(341, 90%, 89%)
CMYK
cmyk(0%, 90%, 62%, 11%)
Oklch
oklch(59.0% 0.227 12.4)

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

#19000A

Dark Violet · Black · Raspberry

HEX
#19000A
RGB
rgb(25, 0, 10)
HSL
hsl(336, 100%, 5%)
HSB
hsb(336, 100%, 10%)
CMYK
cmyk(0%, 100%, 60%, 90%)
Oklch
oklch(13.9% 0.057 355.2)

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

#043645

Lake Blue · DarkSlateGray · Peacock Green

HEX
#043645
RGB
rgb(4, 54, 69)
HSL
hsl(194, 89%, 14%)
HSB
hsb(194, 94%, 27%)
CMYK
cmyk(94%, 22%, 0%, 73%)
Oklch
oklch(31.0% 0.056 224.0)

Traditional「Lake Blue」· Paint「Peacock Green」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

FF4C05
05B8FF

Analogous

FF053B
FF4C05
FFC905

Triadic

FF4C05
05FF4C
4C05FF

Split-Comp.

FF4C05
05FFC9
053BFF

Tetradic

FF4C05
3BFF05
05B8FF
C905FF

Contrast Matrix WCAG 2.1 Contrast

FF4C05
CF9C63
E31757
19000A
043645
—
1.4
Fail
1.4
Fail
6.0
AA
3.9
AA Large
1.4
Fail
—
1.9
Fail
8.2
AAA
5.3
AA
1.4
Fail
1.9
Fail
—
4.3
AA Large
2.8
Fail
6.0
AA
8.2
AAA
4.3
AA Large
—
1.5
Fail
3.9
AA Large
5.3
AA
2.8
Fail
1.5
Fail
—
White BG
3.3AA Large
2.4Fail
4.6AA
20.1AAA
13.0AAA
Black BG
6.3AA
8.6AAA
4.5AA
1.0Fail
1.6Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

B1B016
B9B871
8B8948
0E0E08
1A1A41

Deuteranopia

BCC91A
BCC074
97A644
101207
171341

Tritanopia

F62427
CC7C7E
D93B39
180605
073F3E

Achromatopsia

797979
A5A5A5
5B5B5B
090909
292929

Shades & Tints Shades & Tints

#FF4C05

Dark
Light

#CF9C63

Dark
Light

#E31757

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #ff4c05;
  --color-2: #cf9c63;
  --color-3: #e31757;
  --color-4: #19000a;
  --color-5: #043645;
}

SCSS

$color-1: #ff4c05;
$color-2: #cf9c63;
$color-3: #e31757;
$color-4: #19000a;
$color-5: #043645;

TAILWIND

colors: {
  'brand-1': '#ff4c05',
  'brand-2': '#cf9c63',
  'brand-3': '#e31757',
  'brand-4': '#19000a',
  'brand-5': '#043645',
}

RGB Array

[255, 76, 5], [207, 156, 99], [227, 23, 87], [25, 0, 10], [4, 54, 69]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This neon-style palette of #FF4C05, #CF9C63, #E31757, #19000A, #043645 is ideal for: social media posters, mobile apps, e-commerce promos, tech websites, dark mode UIs, game UIs, 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: #ff4c05; --color-2: #cf9c63; --color-3: #e31757; --color-4: #19000a; --color-5: #043645. 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?

Dark tones work well as backgrounds; pair with light text for readability. Use the brightest color for CTA buttons and interactive elements. 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