#84B693 + #A1BA92 + #BDBF8D + #DB402E + #D7C793 · 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

#84B693

Celadon · DarkSeaGreen · Apple Green

HEX

#84B693

RGB

rgb(132, 182, 147)

HSL

hsl(138, 26%, 62%)

HSB

hsb(138, 27%, 71%)

CMYK

cmyk(27%, 0%, 19%, 29%)

Oklch

oklch(73.1% 0.073 153.8)

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

#A1BA92

Celadon · DarkSeaGreen · Apple Green

HEX

#A1BA92

RGB

rgb(161, 186, 146)

HSL

hsl(98, 22%, 65%)

HSB

hsb(98, 22%, 73%)

CMYK

cmyk(13%, 0%, 22%, 27%)

Oklch

oklch(75.9% 0.062 133.9)

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

#BDBF8D

Fresh Green · Tan · Sunflower

HEX

#BDBF8D

RGB

rgb(189, 191, 141)

HSL

hsl(62, 28%, 65%)

HSB

hsb(62, 26%, 75%)

CMYK

cmyk(1%, 0%, 26%, 25%)

Oklch

oklch(79.1% 0.067 109.8)

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

#DB402E

Vermilion · Chocolate · Passion Red

HEX

#DB402E

RGB

rgb(219, 64, 46)

HSL

hsl(6, 71%, 52%)

HSB

hsb(6, 79%, 86%)

CMYK

cmyk(0%, 71%, 79%, 14%)

Oklch

oklch(59.7% 0.195 30.3)

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

#D7C793

Goose Yellow · BurlyWood · Sunflower

HEX

#D7C793

RGB

rgb(215, 199, 147)

HSL

hsl(46, 46%, 71%)

HSB

hsb(46, 32%, 84%)

CMYK

cmyk(0%, 7%, 32%, 16%)

Oklch

oklch(83.0% 0.071 93.0)

Traditional「Goose Yellow」· Paint「Sunflower」· Creative Lemon Fizz

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

84B693

B785A8

Analogous

8FB785

84B693

85B7AD

Triadic

84B693

9485B7

B79485

Split-Comp.

84B693

AD85B7

B7858F

Tetradic

84B693

858FB7

B785A8

B7AD85

Contrast Matrix WCAG 2.1 Contrast

84B693	A1BA92	BDBF8D	DB402E	D7C793
—	1.1 Fail	1.2 Fail	1.9 Fail	1.4 Fail
1.1 Fail	—	1.1 Fail	2.1 Fail	1.3 Fail
1.2 Fail	1.1 Fail	—	2.3 Fail	1.1 Fail
1.9 Fail	2.1 Fail	2.3 Fail	—	2.6 Fail
1.4 Fail	1.3 Fail	1.1 Fail	2.6 Fail	—

White BG

2.3Fail

2.1Fail

1.9Fail

4.4AA Large

1.7Fail

Black BG

9.1AAA

10.0AAA

11.0AAA

4.8AA

12.5AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

9A9A9B

ACAC9C

BEBE99

989632

D0D0A0

Deuteranopia

97939E

AAA99E

BEBE9C

A1AC33

D1D2A3

Tritanopia

87A2A4

A2A3A5

BDA3A5

D33637

D6AAAC

Achromatopsia

A3A3A3

AEAEAE

B9B9B9

6C6C6C

C6C6C6

Shades & Tints Shades & Tints

#84B693

Dark

Light

#A1BA92

Dark

Light

#BDBF8D

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #84b693;
  --color-2: #a1ba92;
  --color-3: #bdbf8d;
  --color-4: #db402e;
  --color-5: #d7c793;
}

SCSS

$color-1: #84b693;
$color-2: #a1ba92;
$color-3: #bdbf8d;
$color-4: #db402e;
$color-5: #d7c793;

TAILWIND

colors: {
  'brand-1': '#84b693',
  'brand-2': '#a1ba92',
  'brand-3': '#bdbf8d',
  'brand-4': '#db402e',
  'brand-5': '#d7c793',
}

RGB Array

[132, 182, 147], [161, 186, 146], [189, 191, 141], [219, 64, 46], [215, 199, 147]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This neon-style palette of #84B693, #A1BA92, #BDBF8D, #DB402E, #D7C793 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: #84b693; --color-2: #a1ba92; --color-3: #bdbf8d; --color-4: #db402e; --color-5: #d7c793. 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