#9BDE6E + #CEDA62 + #DD9C95 + #EB6191 + #6A524D · 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

#9BDE6E

Emerald · LightGreen · Apple Green

HEX

#9BDE6E

RGB

rgb(155, 222, 110)

HSL

hsl(96, 63%, 65%)

HSB

hsb(96, 50%, 87%)

CMYK

cmyk(30%, 0%, 50%, 13%)

Oklch

oklch(83.1% 0.160 134.2)

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

#CEDA62

Fresh Green · BurlyWood · Sunflower

HEX

#CEDA62

RGB

rgb(206, 218, 98)

HSL

hsl(66, 62%, 62%)

HSB

hsb(66, 55%, 85%)

CMYK

cmyk(6%, 0%, 55%, 15%)

Oklch

oklch(85.5% 0.145 114.2)

Traditional「Fresh Green」· Paint「Sunflower」· Creative Lemon Fizz

#DD9C95

Peach Pink · Tan · Coral Red

HEX

#DD9C95

RGB

rgb(221, 156, 149)

HSL

hsl(6, 51%, 73%)

HSB

hsb(6, 33%, 87%)

CMYK

cmyk(0%, 29%, 33%, 13%)

Oklch

oklch(75.4% 0.079 26.0)

Traditional「Peach Pink」· Paint「Coral Red」· Creative Blush Sunrise

#EB6191

Rouge · LightCoral · Rose Pink

HEX

#EB6191

RGB

rgb(235, 97, 145)

HSL

hsl(339, 78%, 65%)

HSB

hsb(339, 59%, 92%)

CMYK

cmyk(0%, 59%, 38%, 8%)

Oklch

oklch(67.9% 0.176 1.2)

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

#6A524D

Crimson · DimGray · Wine Red

HEX

#6A524D

RGB

rgb(106, 82, 77)

HSL

hsl(10, 16%, 36%)

HSB

hsb(10, 27%, 42%)

CMYK

cmyk(0%, 23%, 27%, 58%)

Oklch

oklch(46.2% 0.033 31.9)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

9BDE6E

B16EDE

Analogous

D3DE6E

9BDE6E

6EDE79

Triadic

9BDE6E

6E9BDE

DE6E9B

Split-Comp.

9BDE6E

796EDE

DE6ED3

Tetradic

9BDE6E

6ED3DE

B16EDE

DE796E

Contrast Matrix WCAG 2.1 Contrast

9BDE6E	CEDA62	DD9C95	EB6191	6A524D
—	1.1 Fail	1.4 Fail	2.0 Fail	4.5 AA Large
1.1 Fail	—	1.5 Fail	2.1 Fail	4.7 AA
1.4 Fail	1.5 Fail	—	1.4 Fail	3.2 AA Large
2.0 Fail	2.1 Fail	1.4 Fail	—	2.3 Fail
4.5 AA Large	4.7 AA	3.2 AA Large	2.3 Fail	—

White BG

1.6Fail

1.5Fail

2.3Fail

3.2AA Large

7.2AAA

Black BG

13.1AAA

13.8AAA

9.3AAA

6.7AA

2.9Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

B8B989

D3D37F

C1C097

AFAE85

605F4E

Deuteranopia

B4AF90

D3D286

C5CA97

B7C283

61634F

Tritanopia

9E9EA3

CF969B

DA9898

E47C7A

694F4F

Achromatopsia

BDBDBD

C9C9C9

AFAFAF

909090

595959

Shades & Tints Shades & Tints

#9BDE6E

Dark

Light

#CEDA62

Dark

Light

#DD9C95

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #9bde6e;
  --color-2: #ceda62;
  --color-3: #dd9c95;
  --color-4: #eb6191;
  --color-5: #6a524d;
}

SCSS

$color-1: #9bde6e;
$color-2: #ceda62;
$color-3: #dd9c95;
$color-4: #eb6191;
$color-5: #6a524d;

TAILWIND

colors: {
  'brand-1': '#9bde6e',
  'brand-2': '#ceda62',
  'brand-3': '#dd9c95',
  'brand-4': '#eb6191',
  'brand-5': '#6a524d',
}

RGB Array

[155, 222, 110], [206, 218, 98], [221, 156, 149], [235, 97, 145], [106, 82, 77]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This neon-style palette of #9BDE6E, #CEDA62, #DD9C95, #EB6191, #6A524D 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: #9bde6e; --color-2: #ceda62; --color-3: #dd9c95; --color-4: #eb6191; --color-5: #6a524d. 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