#34343A + #443841 + #78424E + #BD334F + #FF194C · neon - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

FuturisticEnergeticRebelliousWarmCool

Industry INDUSTRY

GamingWeb3 / CryptoDeep Tech

UI Context UI CONTEXT

Dark Mode UIDashboardCampaign Page

Color Details Color Details

#34343A

Dark Cyan · DarkSlateGray · Dark Stone

HEX

#34343A

RGB

rgb(52, 52, 58)

HSL

hsl(240, 5%, 22%)

HSB

hsb(240, 10%, 23%)

CMYK

cmyk(10%, 10%, 0%, 77%)

Oklch

oklch(32.7% 0.011 285.8)

Traditional「Dark Cyan」· Paint「Dark Stone」· Creative Midnight Shadow

#443841

Rose Purple · DarkSlateGray · Eggplant

HEX

#443841

RGB

rgb(68, 56, 65)

HSL

hsl(315, 10%, 24%)

HSB

hsb(315, 18%, 27%)

CMYK

cmyk(0%, 18%, 4%, 73%)

Oklch

oklch(35.7% 0.022 334.9)

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

#78424E

Crimson · DimGray · Wine Red

HEX

#78424E

RGB

rgb(120, 66, 78)

HSL

hsl(347, 29%, 36%)

HSB

hsb(347, 45%, 47%)

CMYK

cmyk(0%, 45%, 35%, 53%)

Oklch

oklch(44.8% 0.076 6.3)

Traditional「Crimson」· Paint「Wine Red」· Creative Blush Sunrise

#BD334F

Crimson · Brown · Passion Red

HEX

#BD334F

RGB

rgb(189, 51, 79)

HSL

hsl(348, 58%, 47%)

HSB

hsb(348, 73%, 74%)

CMYK

cmyk(0%, 73%, 58%, 26%)

Oklch

oklch(53.8% 0.174 13.8)

Traditional「Crimson」· Paint「Passion Red」· Creative Blush Sunrise

#FF194C

Vermilion · Crimson · Passion Red

HEX

#FF194C

RGB

rgb(255, 25, 76)

HSL

hsl(347, 100%, 55%)

HSB

hsb(347, 90%, 100%)

CMYK

cmyk(0%, 90%, 70%, 0%)

Oklch

oklch(63.9% 0.248 18.8)

Traditional「Vermilion」· Paint「Passion Red」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

34343A

3B3B35

Analogous

35383B

34343A

38353B

Triadic

34343A

3B3535

353B35

Split-Comp.

34343A

3B3835

383B35

Tetradic

34343A

3B3538

3B3B35

353B38

Contrast Matrix WCAG 2.1 Contrast

34343A	443841	78424E	BD334F	FF194C
—	1.1 Fail	1.6 Fail	2.2 Fail	3.2 AA Large
1.1 Fail	—	1.4 Fail	2.0 Fail	2.9 Fail
1.6 Fail	1.4 Fail	—	1.4 Fail	2.0 Fail
2.2 Fail	2.0 Fail	1.4 Fail	—	1.5 Fail
3.2 AA Large	2.9 Fail	2.0 Fail	1.5 Fail	—

White BG

12.4AAA

11.1AAA

7.8AAA

5.6AA

3.8AA Large

Black BG

1.7Fail

1.9Fail

2.7Fail

3.8AA Large

5.5AA

Color Blindness Simulation Color Blindness Simulation

Protanopia

343439

3F3F3F

61604B

818048

9B9940

Deuteranopia

343438

40403E

64684A

899447

A9BA3D

Tritanopia

343737

433D3D

754948

B64342

F43634

Achromatopsia

353535

3D3D3D

545454

5F5F5F

646464

Shades & Tints Shades & Tints

#34343A

Dark

Light

#443841

Dark

Light

#78424E

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #34343a;
  --color-2: #443841;
  --color-3: #78424e;
  --color-4: #bd334f;
  --color-5: #ff194c;
}

SCSS

$color-1: #34343a;
$color-2: #443841;
$color-3: #78424e;
$color-4: #bd334f;
$color-5: #ff194c;

TAILWIND

colors: {
  'brand-1': '#34343a',
  'brand-2': '#443841',
  'brand-3': '#78424e',
  'brand-4': '#bd334f',
  'brand-5': '#ff194c',
}

RGB Array

[52, 52, 58], [68, 56, 65], [120, 66, 78], [189, 51, 79], [255, 25, 76]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This neon-style palette of #34343A, #443841, #78424E, #BD334F, #FF194C is ideal for: tech websites, dark mode UIs, game UIs. 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: #34343a; --color-2: #443841; --color-3: #78424e; --color-4: #bd334f; --color-5: #ff194c. 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 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