← Back to Editor

#47001B · #7F0538 · #B91F5D · #FFD4E0 · #41CADC

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

#47001B

Dark Violet · Maroon · Raspberry

HEX
#47001B
RGB
rgb(71, 0, 27)
HSL
hsl(337, 100%, 14%)
HSB
hsb(337, 100%, 28%)
CMYK
cmyk(0%, 100%, 62%, 72%)
Oklch
oklch(25.5% 0.102 6.3)

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

#7F0538

Dark Violet · Brown · Camellia

HEX
#7F0538
RGB
rgb(127, 5, 56)
HSL
hsl(335, 92%, 26%)
HSB
hsb(335, 96%, 50%)
CMYK
cmyk(0%, 96%, 56%, 50%)
Oklch
oklch(38.6% 0.151 5.6)

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

#B91F5D

Dark Violet · MediumVioletRed · Camellia

HEX
#B91F5D
RGB
rgb(185, 31, 93)
HSL
hsl(336, 71%, 42%)
HSB
hsb(336, 83%, 73%)
CMYK
cmyk(0%, 83%, 50%, 27%)
Oklch
oklch(51.9% 0.190 3.5)

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

#FFD4E0

Rouge · Pink · Cherry Blossom

HEX
#FFD4E0
RGB
rgb(255, 212, 224)
HSL
hsl(343, 100%, 92%)
HSB
hsb(343, 17%, 100%)
CMYK
cmyk(0%, 17%, 12%, 0%)
Oklch
oklch(91.0% 0.050 359.5)

Traditional「Rouge」· Paint「Cherry Blossom」· Creative Rose Petal

#41CADC

Lake Blue · MediumTurquoise · Lake Green

HEX
#41CADC
RGB
rgb(65, 202, 220)
HSL
hsl(187, 69%, 56%)
HSB
hsb(187, 70%, 86%)
CMYK
cmyk(70%, 8%, 0%, 14%)
Oklch
oklch(77.4% 0.117 207.8)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

47001B
00472C

Analogous

47003F
47001B
470800

Triadic

47001B
1B4700
001B47

Split-Comp.

47001B
004708
003F47

Tetradic

47001B
3F4700
00472C
080047

Contrast Matrix WCAG 2.1 Contrast

47001B
7F0538
B91F5D
FFD4E0
41CADC
—
1.5
Fail
2.7
Fail
12.3
AAA
8.3
AAA
1.5
Fail
—
1.7
Fail
7.9
AAA
5.4
AA
2.7
Fail
1.7
Fail
—
4.6
AA
3.1
AA Large
12.3
AAA
7.9
AAA
4.6
AA
—
1.5
Fail
8.3
AAA
5.4
AA
3.1
AA Large
1.5
Fail
—
White BG
16.4AAA
10.6AAA
6.1AA
1.3Fail
2.0Fail
Black BG
1.3Fail
2.0Fail
3.4AA Large
15.7AAA
10.7AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

282814
4A492C
76754E
ECECDD
7C7ED8

Deuteranopia

2C3213
515A29
7F8B4A
EFF2DC
746AD7

Tritanopia

430F0E
792220
B14240
FDDBDA
48D4D3

Achromatopsia

181818
2F2F2F
545454
E2E2E2
A3A3A3

Shades & Tints Shades & Tints

#47001B

Dark
Light

#7F0538

Dark
Light

#B91F5D

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #47001b;
  --color-2: #7f0538;
  --color-3: #b91f5d;
  --color-4: #ffd4e0;
  --color-5: #41cadc;
}

SCSS

$color-1: #47001b;
$color-2: #7f0538;
$color-3: #b91f5d;
$color-4: #ffd4e0;
$color-5: #41cadc;

TAILWIND

colors: {
  'brand-1': '#47001b',
  'brand-2': '#7f0538',
  'brand-3': '#b91f5d',
  'brand-4': '#ffd4e0',
  'brand-5': '#41cadc',
}

RGB Array

[71, 0, 27], [127, 5, 56], [185, 31, 93], [255, 212, 224], [65, 202, 220]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This neon-style palette of #47001B, #7F0538, #B91F5D, #FFD4E0, #41CADC 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: #47001b; --color-2: #7f0538; --color-3: #b91f5d; --color-4: #ffd4e0; --color-5: #41cadc. 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