#C7184E + #AD325E + #994261 + #7A4B57 + #594D4F · 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

#C7184E

Dark Violet · Crimson · Camellia

HEX

#C7184E

RGB

rgb(199, 24, 78)

HSL

hsl(341, 78%, 44%)

HSB

hsb(341, 88%, 78%)

CMYK

cmyk(0%, 88%, 61%, 22%)

Oklch

oklch(53.7% 0.203 11.8)

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

#AD325E

Dark Violet · Brown · Camellia

HEX

#AD325E

RGB

rgb(173, 50, 94)

HSL

hsl(339, 55%, 44%)

HSB

hsb(339, 71%, 68%)

CMYK

cmyk(0%, 71%, 46%, 32%)

Oklch

oklch(51.4% 0.162 3.1)

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

#994261

Dark Violet · Sienna · Camellia

HEX

#994261

RGB

rgb(153, 66, 97)

HSL

hsl(339, 40%, 43%)

HSB

hsb(339, 57%, 60%)

CMYK

cmyk(0%, 57%, 37%, 40%)

Oklch

oklch(50.2% 0.121 0.0)

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

#7A4B57

Crimson · DimGray · Wine Red

HEX

#7A4B57

RGB

rgb(122, 75, 87)

HSL

hsl(345, 24%, 39%)

HSB

hsb(345, 39%, 48%)

CMYK

cmyk(0%, 39%, 29%, 52%)

Oklch

oklch(47.0% 0.066 3.3)

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

#594D4F

Ink Gray · DimGray · Charcoal

HEX

#594D4F

RGB

rgb(89, 77, 79)

HSL

hsl(350, 7%, 33%)

HSB

hsb(350, 13%, 35%)

CMYK

cmyk(0%, 13%, 11%, 65%)

Oklch

oklch(43.3% 0.016 6.4)

Traditional「Ink Gray」· Paint「Charcoal」· Creative Midnight Shadow

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

C7184E

19C890

Analogous

C819A8

C7184E

C83919

Triadic

C7184E

50C819

1950C8

Split-Comp.

C7184E

19C839

19A8C8

Tetradic

C7184E

A8C819

19C890

3919C8

Contrast Matrix WCAG 2.1 Contrast

C7184E	AD325E	994261	7A4B57	594D4F
—	1.1 Fail	1.1 Fail	1.2 Fail	1.4 Fail
1.1 Fail	—	1.0 Fail	1.1 Fail	1.3 Fail
1.1 Fail	1.0 Fail	—	1.1 Fail	1.3 Fail
1.2 Fail	1.1 Fail	1.1 Fail	—	1.1 Fail
1.4 Fail	1.3 Fail	1.3 Fail	1.1 Fail	—

White BG

5.7AA

6.2AA

6.4AA

7.1AAA

8.1AAA

Black BG

3.7AA Large

3.4AA Large

3.3AA Large

3.0Fail

2.6Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

7B7A41

787753

737359

666554

54544F

Deuteranopia

85923E

7F8851

787F58

686C53

55554E

Tritanopia

BE3734

A74B49

955452

785251

584E4E

Achromatopsia

525252

5C5C5C

606060

5A5A5A

515151

Shades & Tints Shades & Tints

#C7184E

Dark

Light

#AD325E

Dark

Light

#994261

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #c7184e;
  --color-2: #ad325e;
  --color-3: #994261;
  --color-4: #7a4b57;
  --color-5: #594d4f;
}

SCSS

$color-1: #c7184e;
$color-2: #ad325e;
$color-3: #994261;
$color-4: #7a4b57;
$color-5: #594d4f;

TAILWIND

colors: {
  'brand-1': '#c7184e',
  'brand-2': '#ad325e',
  'brand-3': '#994261',
  'brand-4': '#7a4b57',
  'brand-5': '#594d4f',
}

RGB Array

[199, 24, 78], [173, 50, 94], [153, 66, 97], [122, 75, 87], [89, 77, 79]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This neon-style palette of #C7184E, #AD325E, #994261, #7A4B57, #594D4F 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: #c7184e; --color-2: #ad325e; --color-3: #994261; --color-4: #7a4b57; --color-5: #594d4f. 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