← Back to Editor

#412E0C · #135A77 · #337372 · #E85C26 · #CF1166

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 Page

Color Details Color Details

#412E0C

Ochre · DarkOliveGreen · Cinnamon

HEX
#412E0C
RGB
rgb(65, 46, 12)
HSL
hsl(38, 69%, 15%)
HSB
hsb(38, 82%, 25%)
CMYK
cmyk(0%, 29%, 82%, 75%)
Oklch
oklch(31.6% 0.055 78.5)

Traditional「Ochre」· Paint「Cinnamon」· Creative Blush Sunrise

#135A77

Lake Blue · Teal · Mint Ice

HEX
#135A77
RGB
rgb(19, 90, 119)
HSL
hsl(197, 72%, 27%)
HSB
hsb(197, 84%, 47%)
CMYK
cmyk(84%, 24%, 0%, 53%)
Oklch
oklch(44.0% 0.081 231.0)

Traditional「Lake Blue」· Paint「Mint Ice」· Creative Blush Sunrise

#337372

Mineral Blue · SeaGreen · Mint Ice

HEX
#337372
RGB
rgb(51, 115, 114)
HSL
hsl(179, 39%, 33%)
HSB
hsb(179, 56%, 45%)
CMYK
cmyk(56%, 0%, 1%, 55%)
Oklch
oklch(51.4% 0.065 193.9)

Traditional「Mineral Blue」· Paint「Mint Ice」· Creative Blush Sunrise

#E85C26

Tangerine · Chocolate · Warm Sun

HEX
#E85C26
RGB
rgb(232, 92, 38)
HSL
hsl(17, 81%, 53%)
HSB
hsb(17, 84%, 91%)
CMYK
cmyk(0%, 60%, 84%, 9%)
Oklch
oklch(64.9% 0.185 39.4)

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

#CF1166

Dark Violet · MediumVioletRed · Camellia

HEX
#CF1166
RGB
rgb(207, 17, 102)
HSL
hsl(333, 85%, 44%)
HSB
hsb(333, 92%, 81%)
CMYK
cmyk(0%, 92%, 51%, 19%)
Oklch
oklch(55.5% 0.217 3.3)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

412E0C
0C1F41

Analogous

41130C
412E0C
3A410C

Triadic

412E0C
0C412D
2D0C41

Split-Comp.

412E0C
0C3A41
130C41

Tetradic

412E0C
0C4113
0C1F41
410C3A

Contrast Matrix WCAG 2.1 Contrast

412E0C
135A77
337372
E85C26
CF1166
—
1.7
Fail
2.4
Fail
3.7
AA Large
2.4
Fail
1.7
Fail
—
1.4
Fail
2.2
Fail
1.4
Fail
2.4
Fail
1.4
Fail
—
1.6
Fail
1.0
Fail
3.7
AA Large
2.2
Fail
1.6
Fail
—
1.5
Fail
2.4
Fail
1.4
Fail
1.0
Fail
1.5
Fail
—
White BG
13.0AAA
7.6AAA
5.5AA
3.5AA Large
5.4AA
Black BG
1.6Fail
2.8Fail
3.8AA Large
6.0AA
3.9AA Large

Color Blindness Simulation Color Blindness Simulation

Protanopia

393914
323270
4F4F72
ABAA33
7D7B51

Deuteranopia

3A3B16
2E286E
4B4672
B4BE36
88964C

Tritanopia

401B1C
176A69
367272
E13D40
C5413E

Achromatopsia

303030
484848
606060
808080
545454

Shades & Tints Shades & Tints

#412E0C

Dark
Light

#135A77

Dark
Light

#337372

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #412e0c;
  --color-2: #135a77;
  --color-3: #337372;
  --color-4: #e85c26;
  --color-5: #cf1166;
}

SCSS

$color-1: #412e0c;
$color-2: #135a77;
$color-3: #337372;
$color-4: #e85c26;
$color-5: #cf1166;

TAILWIND

colors: {
  'brand-1': '#412e0c',
  'brand-2': '#135a77',
  'brand-3': '#337372',
  'brand-4': '#e85c26',
  'brand-5': '#cf1166',
}

RGB Array

[65, 46, 12], [19, 90, 119], [51, 115, 114], [232, 92, 38], [207, 17, 102]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This neon-style palette of #412E0C, #135A77, #337372, #E85C26, #CF1166 is ideal for: social media posters, mobile apps, e-commerce promos, tech websites, dark mode UIs, game UIs. 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: #412e0c; --color-2: #135a77; --color-3: #337372; --color-4: #e85c26; --color-5: #cf1166. 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. 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