#382727 + #DE1B62 + #36D99A + #5DB396 + #759E95 · 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

#382727

Crimson · DarkSlateGray · Deep Berry

HEX

#382727

RGB

rgb(56, 39, 39)

HSL

hsl(0, 18%, 19%)

HSB

hsb(0, 30%, 22%)

CMYK

cmyk(0%, 30%, 30%, 78%)

Oklch

oklch(29.3% 0.026 18.7)

Traditional「Crimson」· Paint「Deep Berry」· Creative Blush Sunrise

#DE1B62

Dark Violet · Crimson · Camellia

HEX

#DE1B62

RGB

rgb(222, 27, 98)

HSL

hsl(338, 78%, 49%)

HSB

hsb(338, 88%, 87%)

CMYK

cmyk(0%, 88%, 56%, 13%)

Oklch

oklch(58.5% 0.223 8.1)

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

#36D99A

Mineral Blue · LightSeaGreen · Olive Green

HEX

#36D99A

RGB

rgb(54, 217, 154)

HSL

hsl(157, 68%, 53%)

HSB

hsb(157, 75%, 85%)

CMYK

cmyk(75%, 0%, 29%, 15%)

Oklch

oklch(78.9% 0.159 161.9)

Traditional「Mineral Blue」· Paint「Olive Green」· Creative Blush Sunrise

#5DB396

Mineral Blue · CadetBlue · Lake Green

HEX

#5DB396

RGB

rgb(93, 179, 150)

HSL

hsl(160, 36%, 53%)

HSB

hsb(160, 48%, 70%)

CMYK

cmyk(48%, 0%, 16%, 30%)

Oklch

oklch(70.5% 0.095 169.3)

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

#759E95

Mineral Blue · LightSlateGray · Lake Green

HEX

#759E95

RGB

rgb(117, 158, 149)

HSL

hsl(167, 17%, 54%)

HSB

hsb(167, 26%, 62%)

CMYK

cmyk(26%, 0%, 6%, 38%)

Oklch

oklch(66.7% 0.047 179.8)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

382727

283939

Analogous

392830

382727

393028

Triadic

382727

283928

282839

Split-Comp.

382727

283930

283039

Tetradic

382727

303928

283939

302839

Contrast Matrix WCAG 2.1 Contrast

382727	DE1B62	36D99A	5DB396	759E95
—	3.0 Fail	7.8 AAA	5.6 AA	4.8 AA
3.0 Fail	—	2.6 Fail	1.9 Fail	1.6 Fail
7.8 AAA	2.6 Fail	—	1.4 Fail	1.6 Fail
5.6 AA	1.9 Fail	1.4 Fail	—	1.2 Fail
4.8 AA	1.6 Fail	1.6 Fail	1.2 Fail	—

White BG

14.1AAA

4.7AA

1.8Fail

2.5Fail

3.0Fail

Black BG

1.5Fail

4.4AA Large

11.5AAA

8.4AAA

7.1AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

313027

8A8851

7D7EA9

82839D

878797

Deuteranopia

323327

95A34D

7367AD

7D779F

848198

Tritanopia

372727

D44340

3EB5B8

61A3A4

779999

Achromatopsia

2C2C2C

5D5D5D

A1A1A1

969696

919191

Shades & Tints Shades & Tints

#382727

Dark

Light

#DE1B62

Dark

Light

#36D99A

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #382727;
  --color-2: #de1b62;
  --color-3: #36d99a;
  --color-4: #5db396;
  --color-5: #759e95;
}

SCSS

$color-1: #382727;
$color-2: #de1b62;
$color-3: #36d99a;
$color-4: #5db396;
$color-5: #759e95;

TAILWIND

colors: {
  'brand-1': '#382727',
  'brand-2': '#de1b62',
  'brand-3': '#36d99a',
  'brand-4': '#5db396',
  'brand-5': '#759e95',
}

RGB Array

[56, 39, 39], [222, 27, 98], [54, 217, 154], [93, 179, 150], [117, 158, 149]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This neon-style palette of #382727, #DE1B62, #36D99A, #5DB396, #759E95 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: #382727; --color-2: #de1b62; --color-3: #36d99a; --color-4: #5db396; --color-5: #759e95. 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