← Back to Editor

#351B3C · #AA49DE · #DAAFFB · #C6A866 · #E0CC92

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

Color Details Color Details

#351B3C

Dark Plum · DarkSlateGray · Dark Purple

HEX
#351B3C
RGB
rgb(53, 27, 60)
HSL
hsl(287, 38%, 17%)
HSB
hsb(287, 55%, 24%)
CMYK
cmyk(12%, 55%, 0%, 76%)
Oklch
oklch(27.3% 0.068 318.8)

Traditional「Dark Plum」· Paint「Dark Purple」· Creative Blush Sunrise

#AA49DE

Royal Purple · MediumOrchid · Violet

HEX
#AA49DE
RGB
rgb(170, 73, 222)
HSL
hsl(279, 69%, 58%)
HSB
hsb(279, 67%, 87%)
CMYK
cmyk(23%, 67%, 0%, 13%)
Oklch
oklch(59.8% 0.223 311.4)

Traditional「Royal Purple」· Paint「Violet」· Creative Blush Sunrise

#DAAFFB

Lilac · Violet · Lavender

HEX
#DAAFFB
RGB
rgb(218, 175, 251)
HSL
hsl(274, 90%, 84%)
HSB
hsb(274, 30%, 98%)
CMYK
cmyk(13%, 30%, 0%, 2%)
Oklch
oklch(81.8% 0.114 309.8)

Traditional「Lilac」· Paint「Lavender」· Creative Lavender Dream

#C6A866

Ginger · Tan · Sunflower

HEX
#C6A866
RGB
rgb(198, 168, 102)
HSL
hsl(41, 46%, 59%)
HSB
hsb(41, 48%, 78%)
CMYK
cmyk(0%, 15%, 48%, 22%)
Oklch
oklch(74.4% 0.092 85.8)

Traditional「Ginger」· Paint「Sunflower」· Creative Blush Sunrise

#E0CC92

Goose Yellow · BurlyWood · Sunflower

HEX
#E0CC92
RGB
rgb(224, 204, 146)
HSL
hsl(45, 56%, 73%)
HSB
hsb(45, 35%, 88%)
CMYK
cmyk(0%, 9%, 35%, 12%)
Oklch
oklch(84.8% 0.078 91.3)

Traditional「Goose Yellow」· Paint「Sunflower」· Creative Lemon Fizz

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

351B3C
223C1B

Analogous

241B3C
351B3C
3C1B32

Triadic

351B3C
3C351B
1B3C35

Split-Comp.

351B3C
323C1B
1B3C24

Tetradic

351B3C
3C241B
223C1B
1B323C

Contrast Matrix WCAG 2.1 Contrast

351B3C
AA49DE
DAAFFB
C6A866
E0CC92
—
3.4
AA Large
8.4
AAA
6.7
AA
9.6
AAA
3.4
AA Large
—
2.4
Fail
1.9
Fail
2.8
Fail
8.4
AAA
2.4
Fail
—
1.3
Fail
1.1
Fail
6.7
AA
1.9
Fail
1.3
Fail
—
1.4
Fail
9.6
AAA
2.8
Fail
1.1
Fail
1.4
Fail
—
White BG
15.3AAA
4.5AA Large
1.8Fail
2.3Fail
1.6Fail
Black BG
1.4Fail
4.7AA
11.5AAA
9.2AAA
13.2AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

2A2A34
807FBA
C7C7E9
B9B976
D7D7A0

Deuteranopia

2B2D32
868DB1
CACDE4
BBBD7A
D9DAA3

Tritanopia

342E2C
A59D97
D8DAD7
C58385
DFABAE

Achromatopsia

272727
777777
C5C5C5
A9A9A9
CBCBCB

Shades & Tints Shades & Tints

#351B3C

Dark
Light

#AA49DE

Dark
Light

#DAAFFB

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #351b3c;
  --color-2: #aa49de;
  --color-3: #daaffb;
  --color-4: #c6a866;
  --color-5: #e0cc92;
}

SCSS

$color-1: #351b3c;
$color-2: #aa49de;
$color-3: #daaffb;
$color-4: #c6a866;
$color-5: #e0cc92;

TAILWIND

colors: {
  'brand-1': '#351b3c',
  'brand-2': '#aa49de',
  'brand-3': '#daaffb',
  'brand-4': '#c6a866',
  'brand-5': '#e0cc92',
}

RGB Array

[53, 27, 60], [170, 73, 222], [218, 175, 251], [198, 168, 102], [224, 204, 146]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This neon-style palette of #351B3C, #AA49DE, #DAAFFB, #C6A866, #E0CC92 is ideal for: infographics, data visualization, accessible design. High contrast ensures clear visual hierarchy and readability. It is a balanced and harmonious choice among 5-color palettes.

How to use this palette in CSS or frontend projects?

Copy the CSS variables directly: --color-1: #351b3c; --color-2: #aa49de; --color-3: #daaffb; --color-4: #c6a866; --color-5: #e0cc92. 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 tech, SaaS, healthcare, eco industries. 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