← Back to Editor

#F18101 · #D28100 · #CB055C · #4E2E39 · #DD2084

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

#F18101

Ochre · Orange · Amber Brown

HEX
#F18101
RGB
rgb(241, 129, 1)
HSL
hsl(32, 99%, 47%)
HSB
hsb(32, 100%, 95%)
CMYK
cmyk(0%, 46%, 100%, 5%)
Oklch
oklch(71.4% 0.173 56.8)

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

#D28100

Ochre · DarkGoldenRod · Amber Brown

HEX
#D28100
RGB
rgb(210, 129, 0)
HSL
hsl(37, 100%, 41%)
HSB
hsb(37, 100%, 82%)
CMYK
cmyk(0%, 39%, 100%, 18%)
Oklch
oklch(67.4% 0.149 66.9)

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

#CB055C

Dark Violet · Crimson · Camellia

HEX
#CB055C
RGB
rgb(203, 5, 92)
HSL
hsl(334, 95%, 41%)
HSB
hsb(334, 98%, 80%)
CMYK
cmyk(0%, 98%, 55%, 20%)
Oklch
oklch(54.2% 0.216 6.0)

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

#4E2E39

Dark Violet · DarkSlateGray · Raspberry

HEX
#4E2E39
RGB
rgb(78, 46, 57)
HSL
hsl(339, 26%, 24%)
HSB
hsb(339, 41%, 31%)
CMYK
cmyk(0%, 41%, 27%, 69%)
Oklch
oklch(34.5% 0.050 357.9)

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

#DD2084

Rose Purple · MediumVioletRed · Camellia

HEX
#DD2084
RGB
rgb(221, 32, 132)
HSL
hsl(328, 75%, 50%)
HSB
hsb(328, 86%, 87%)
CMYK
cmyk(0%, 86%, 40%, 13%)
Oklch
oklch(59.6% 0.229 355.7)

Traditional「Rose Purple」· Paint「Camellia」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

F18101
0170EF

Analogous

EF0901
F18101
E7EF01

Triadic

F18101
01EF80
8001EF

Split-Comp.

F18101
01E7EF
0901EF

Tetradic

F18101
01EF09
0170EF
EF01E7

Contrast Matrix WCAG 2.1 Contrast

F18101
D28100
CB055C
4E2E39
DD2084
—
1.1
Fail
2.1
Fail
4.4
AA Large
1.7
Fail
1.1
Fail
—
1.9
Fail
3.9
AA Large
1.5
Fail
2.1
Fail
1.9
Fail
—
2.1
Fail
1.2
Fail
4.4
AA Large
3.9
AA Large
2.1
Fail
—
2.6
Fail
1.7
Fail
1.5
Fail
1.2
Fail
2.6
Fail
—
White BG
2.7Fail
3.1AA Large
5.7AA
11.8AAA
4.6AA
Black BG
7.9AAA
6.9AA
3.7AA Large
1.8Fail
4.6AA

Color Blindness Simulation Color Blindness Simulation

Protanopia

C1BF20
AFAE1F
757347
404036
8B896C

Deuteranopia

C7CF27
B4BA27
819042
424436
96A466

Tritanopia

EB383E
CE383D
C13633
4C3434
D45955

Achromatopsia

949494
8B8B8B
4A4A4A
393939
646464

Shades & Tints Shades & Tints

#F18101

Dark
Light

#D28100

Dark
Light

#CB055C

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #f18101;
  --color-2: #d28100;
  --color-3: #cb055c;
  --color-4: #4e2e39;
  --color-5: #dd2084;
}

SCSS

$color-1: #f18101;
$color-2: #d28100;
$color-3: #cb055c;
$color-4: #4e2e39;
$color-5: #dd2084;

TAILWIND

colors: {
  'brand-1': '#f18101',
  'brand-2': '#d28100',
  'brand-3': '#cb055c',
  'brand-4': '#4e2e39',
  'brand-5': '#dd2084',
}

RGB Array

[241, 129, 1], [210, 129, 0], [203, 5, 92], [78, 46, 57], [221, 32, 132]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This neon-style palette of #F18101, #D28100, #CB055C, #4E2E39, #DD2084 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: #f18101; --color-2: #d28100; --color-3: #cb055c; --color-4: #4e2e39; --color-5: #dd2084. 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