#382E34 + #BD3592 + #E44829 + #C9AD39 + #76A089 · neon - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

FuturisticEnergeticRebelliousWarm

Industry INDUSTRY

GamingWeb3 / CryptoDeep Tech

UI Context UI CONTEXT

Dark Mode UIDashboardCampaign Page

Color Details Color Details

#382E34

Rose Purple · DarkSlateGray · Raspberry

HEX

#382E34

RGB

rgb(56, 46, 52)

HSL

hsl(324, 10%, 20%)

HSB

hsb(324, 18%, 22%)

CMYK

cmyk(0%, 18%, 7%, 78%)

Oklch

oklch(31.4% 0.018 341.5)

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

#BD3592

Rose Purple · MediumVioletRed · Violet

HEX

#BD3592

RGB

rgb(189, 53, 146)

HSL

hsl(319, 56%, 47%)

HSB

hsb(319, 72%, 74%)

CMYK

cmyk(0%, 72%, 23%, 26%)

Oklch

oklch(56.2% 0.196 343.3)

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

#E44829

Vermilion · Chocolate · Passion Red

HEX

#E44829

RGB

rgb(228, 72, 41)

HSL

hsl(10, 78%, 53%)

HSB

hsb(10, 82%, 89%)

CMYK

cmyk(0%, 68%, 82%, 11%)

Oklch

oklch(62.0% 0.198 33.1)

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

#C9AD39

Ginger · GoldenRod · Sunflower

HEX

#C9AD39

RGB

rgb(201, 173, 57)

HSL

hsl(48, 57%, 51%)

HSB

hsb(48, 72%, 79%)

CMYK

cmyk(0%, 14%, 72%, 21%)

Oklch

oklch(75.2% 0.134 95.2)

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

#76A089

Celadon · LightSlateGray · Olive Green

HEX

#76A089

RGB

rgb(118, 160, 137)

HSL

hsl(147, 18%, 55%)

HSB

hsb(147, 26%, 63%)

CMYK

cmyk(26%, 0%, 14%, 37%)

Oklch

oklch(66.8% 0.057 160.4)

Traditional「Celadon」· Paint「Olive Green」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

382E34

2E3832

Analogous

372E38

382E34

382E2F

Triadic

382E34

34382E

2E3438

Split-Comp.

382E34

2F382E

2E3837

Tetradic

382E34

38372E

2E3832

2E2F38

Contrast Matrix WCAG 2.1 Contrast

382E34	BD3592	E44829	C9AD39	76A089
—	2.5 Fail	3.3 AA Large	5.9 AA	4.5 AA Large
2.5 Fail	—	1.3 Fail	2.3 Fail	1.8 Fail
3.3 AA Large	1.3 Fail	—	1.8 Fail	1.4 Fail
5.9 AA	2.3 Fail	1.8 Fail	—	1.3 Fail
4.5 AA Large	1.8 Fail	1.4 Fail	1.3 Fail	—

White BG

13.1AAA

5.1AA

4.0AA Large

2.2Fail

2.9Fail

Black BG

1.6Fail

4.1AA Large

5.3AA

9.5AAA

7.2AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

343433

82817B

A09F31

BDBD55

88898F

Deuteranopia

343532

8A9476

AAB532

BFC15C

868390

Tritanopia

373131

B66A66

DC3638

C86B70

789394

Achromatopsia

323232

686868

737373

A8A8A8

919191

Shades & Tints Shades & Tints

#382E34

Dark

Light

#BD3592

Dark

Light

#E44829

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #382e34;
  --color-2: #bd3592;
  --color-3: #e44829;
  --color-4: #c9ad39;
  --color-5: #76a089;
}

SCSS

$color-1: #382e34;
$color-2: #bd3592;
$color-3: #e44829;
$color-4: #c9ad39;
$color-5: #76a089;

TAILWIND

colors: {
  'brand-1': '#382e34',
  'brand-2': '#bd3592',
  'brand-3': '#e44829',
  'brand-4': '#c9ad39',
  'brand-5': '#76a089',
}

RGB Array

[56, 46, 52], [189, 53, 146], [228, 72, 41], [201, 173, 57], [118, 160, 137]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This neon-style palette of #382E34, #BD3592, #E44829, #C9AD39, #76A089 is ideal for: corporate websites, product showcases, portfolios. 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: #382e34; --color-2: #bd3592; --color-3: #e44829; --color-4: #c9ad39; --color-5: #76a089. 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 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