#D9F2C2 + #BEE593 + #C7C6BF + #C8A2B0 + #A3939A · 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

#D9F2C2

Emerald · LightGray · Mint Green

HEX

#D9F2C2

RGB

rgb(217, 242, 194)

HSL

hsl(91, 65%, 85%)

HSB

hsb(91, 20%, 95%)

CMYK

cmyk(10%, 0%, 20%, 5%)

Oklch

oklch(93.1% 0.069 130.1)

Traditional「Emerald」· Paint「Mint Green」· Creative Mint Breeze

#BEE593

Willow Green · LightGreen · Apple Green

HEX

#BEE593

RGB

rgb(190, 229, 147)

HSL

hsl(89, 61%, 74%)

HSB

hsb(89, 36%, 90%)

CMYK

cmyk(17%, 0%, 36%, 10%)

Oklch

oklch(87.5% 0.115 129.2)

Traditional「Willow Green」· Paint「Apple Green」· Creative Mint Breeze

#C7C6BF

Silver Gray · Silver · Pearl Gray

HEX

#C7C6BF

RGB

rgb(199, 198, 191)

HSL

hsl(53, 7%, 76%)

HSB

hsb(53, 4%, 78%)

CMYK

cmyk(0%, 1%, 4%, 22%)

Oklch

oklch(82.5% 0.010 100.0)

Traditional「Silver Gray」· Paint「Pearl Gray」· Creative Silver Lining

#C8A2B0

Rouge · DarkGray · Rose Pink

HEX

#C8A2B0

RGB

rgb(200, 162, 176)

HSL

hsl(338, 26%, 71%)

HSB

hsb(338, 19%, 78%)

CMYK

cmyk(0%, 19%, 12%, 22%)

Oklch

oklch(75.1% 0.048 354.2)

Traditional「Rouge」· Paint「Rose Pink」· Creative Rose Petal

#A3939A

Rouge · DarkGray · Silver Sand

HEX

#A3939A

RGB

rgb(163, 147, 154)

HSL

hsl(334, 8%, 61%)

HSB

hsb(334, 10%, 64%)

CMYK

cmyk(0%, 10%, 6%, 36%)

Oklch

oklch(67.9% 0.021 349.4)

Traditional「Rouge」· Paint「Silver Sand」· Creative Urban Concrete

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

D9F2C2

DAC0F2

Analogous

F1F2C0

D9F2C2

C0F2C1

Triadic

D9F2C2

C0D8F2

F2C0D8

Split-Comp.

D9F2C2

C1C0F2

F2C0F1

Tetradic

D9F2C2

C0F1F2

DAC0F2

F2C1C0

Contrast Matrix WCAG 2.1 Contrast

D9F2C2	BEE593	C7C6BF	C8A2B0	A3939A
—	1.2 Fail	1.4 Fail	1.9 Fail	2.4 Fail
1.2 Fail	—	1.2 Fail	1.6 Fail	2.1 Fail
1.4 Fail	1.2 Fail	—	1.3 Fail	1.7 Fail
1.9 Fail	1.6 Fail	1.3 Fail	—	1.3 Fail
2.4 Fail	2.1 Fail	1.7 Fail	1.3 Fail	—

White BG

1.2Fail

1.4Fail

1.7Fail

2.3Fail

2.9Fail

Black BG

17.4AAA

14.8AAA

12.3AAA

9.3AAA

7.2AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

E4E4CE

CFCFA7

C7C7C1

B8B7AD

9C9C98

Deuteranopia

E2E0D0

CDCAAC

C7C7C1

BABDAC

9D9E98

Tritanopia

DAD7D9

C0B7BA

C7C2C2

C6AAA9

A29797

Achromatopsia

E5E5E5

D0D0D0

C6C6C6

AFAFAF

999999

Shades & Tints Shades & Tints

#D9F2C2

Dark

Light

#BEE593

Dark

Light

#C7C6BF

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #d9f2c2;
  --color-2: #bee593;
  --color-3: #c7c6bf;
  --color-4: #c8a2b0;
  --color-5: #a3939a;
}

SCSS

$color-1: #d9f2c2;
$color-2: #bee593;
$color-3: #c7c6bf;
$color-4: #c8a2b0;
$color-5: #a3939a;

TAILWIND

colors: {
  'brand-1': '#d9f2c2',
  'brand-2': '#bee593',
  'brand-3': '#c7c6bf',
  'brand-4': '#c8a2b0',
  'brand-5': '#a3939a',
}

RGB Array

[217, 242, 194], [190, 229, 147], [199, 198, 191], [200, 162, 176], [163, 147, 154]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This neon-style palette of #D9F2C2, #BEE593, #C7C6BF, #C8A2B0, #A3939A is ideal for: health products, baby brands, fresh-style blogs. 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: #d9f2c2; --color-2: #bee593; --color-3: #c7c6bf; --color-4: #c8a2b0; --color-5: #a3939a. 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?

Light tones suit backgrounds; use dark colors for body text. Mid-tones work for card backgrounds or dividers to add depth. 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