#959D87 + #AD827B + #C66870 + #DE4D64 + #F63258 · 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

#959D87

Grass Green · DarkSeaGreen · Olive Green

HEX

#959D87

RGB

rgb(149, 157, 135)

HSL

hsl(82, 10%, 57%)

HSB

hsb(82, 14%, 62%)

CMYK

cmyk(5%, 0%, 14%, 38%)

Oklch

oklch(68.3% 0.033 123.5)

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

#AD827B

Crimson · Gray · Passion Red

HEX

#AD827B

RGB

rgb(173, 130, 123)

HSL

hsl(8, 23%, 58%)

HSB

hsb(8, 29%, 68%)

CMYK

cmyk(0%, 25%, 29%, 32%)

Oklch

oklch(64.6% 0.055 29.2)

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

#C66870

Crimson · LightCoral · Passion Red

HEX

#C66870

RGB

rgb(198, 104, 112)

HSL

hsl(355, 45%, 59%)

HSB

hsb(355, 47%, 78%)

CMYK

cmyk(0%, 47%, 43%, 22%)

Oklch

oklch(62.8% 0.120 15.8)

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

#DE4D64

Vermilion · Tomato · Passion Red

HEX

#DE4D64

RGB

rgb(222, 77, 100)

HSL

hsl(350, 69%, 59%)

HSB

hsb(350, 65%, 87%)

CMYK

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

Oklch

oklch(62.4% 0.180 14.8)

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

#F63258

Vermilion · Crimson · Passion Red

HEX

#F63258

RGB

rgb(246, 50, 88)

HSL

hsl(348, 92%, 58%)

HSB

hsb(348, 80%, 96%)

CMYK

cmyk(0%, 80%, 64%, 4%)

Oklch

oklch(63.8% 0.227 16.8)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

959D87

8E869C

Analogous

9C9986

959D87

899C86

Triadic

959D87

86949C

9C8694

Split-Comp.

959D87

86899C

99869C

Tetradic

959D87

869C99

8E869C

9C8689

Contrast Matrix WCAG 2.1 Contrast

959D87	AD827B	C66870	DE4D64	F63258
—	1.2 Fail	1.3 Fail	1.4 Fail	1.4 Fail
1.2 Fail	—	1.1 Fail	1.2 Fail	1.1 Fail
1.3 Fail	1.1 Fail	—	1.0 Fail	1.0 Fail
1.4 Fail	1.2 Fail	1.0 Fail	—	1.0 Fail
1.4 Fail	1.1 Fail	1.0 Fail	1.0 Fail	—

White BG

2.8Fail

3.4AA Large

3.7AA Large

3.9AA Large

3.8AA Large

Black BG

7.5AAA

6.3AA

5.6AA

5.4AA

5.5AA

Color Blindness Simulation Color Blindness Simulation

Protanopia

98998C

9A9A7D

9D9C6E

9F9E5E

A19F4F

Deuteranopia

98978E

9DA07D

A3AA6E

A8B25D

ADBB4D

Tritanopia

959191

AB7E7E

C16D6C

D75A59

EC4846

Achromatopsia

989898

8E8E8E

858585

7B7B7B

717171

Shades & Tints Shades & Tints

#959D87

Dark

Light

#AD827B

Dark

Light

#C66870

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #959d87;
  --color-2: #ad827b;
  --color-3: #c66870;
  --color-4: #de4d64;
  --color-5: #f63258;
}

SCSS

$color-1: #959d87;
$color-2: #ad827b;
$color-3: #c66870;
$color-4: #de4d64;
$color-5: #f63258;

TAILWIND

colors: {
  'brand-1': '#959d87',
  'brand-2': '#ad827b',
  'brand-3': '#c66870',
  'brand-4': '#de4d64',
  'brand-5': '#f63258',
}

RGB Array

[149, 157, 135], [173, 130, 123], [198, 104, 112], [222, 77, 100], [246, 50, 88]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This neon-style palette of #959D87, #AD827B, #C66870, #DE4D64, #F63258 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: #959d87; --color-2: #ad827b; --color-3: #c66870; --color-4: #de4d64; --color-5: #f63258. 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