#506F50 + #55B375 + #83D571 + #C4F26E + #DBF28A · neon - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

FuturisticEnergeticRebellious

Industry INDUSTRY

GamingWeb3 / CryptoDeep Tech

UI Context UI CONTEXT

Dark Mode UIDashboardCampaign Page

Color Details Color Details

#506F50

Celadon · DarkOliveGreen · Forest Green

HEX

#506F50

RGB

rgb(80, 111, 80)

HSL

hsl(120, 16%, 37%)

HSB

hsb(120, 28%, 44%)

CMYK

cmyk(28%, 0%, 28%, 56%)

Oklch

oklch(50.9% 0.060 144.6)

Traditional「Celadon」· Paint「Forest Green」· Creative Blush Sunrise

#55B375

Celadon · MediumSeaGreen · Olive Green

HEX

#55B375

RGB

rgb(85, 179, 117)

HSL

hsl(140, 38%, 52%)

HSB

hsb(140, 53%, 70%)

CMYK

cmyk(53%, 0%, 35%, 30%)

Oklch

oklch(69.3% 0.128 152.7)

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

#83D571

Emerald · DarkSeaGreen · Apple Green

HEX

#83D571

RGB

rgb(131, 213, 113)

HSL

hsl(109, 54%, 64%)

HSB

hsb(109, 47%, 84%)

CMYK

cmyk(38%, 0%, 47%, 16%)

Oklch

oklch(79.7% 0.157 140.0)

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

#C4F26E

Willow Green · Khaki · Apple Green

HEX

#C4F26E

RGB

rgb(196, 242, 110)

HSL

hsl(81, 84%, 69%)

HSB

hsb(81, 55%, 95%)

CMYK

cmyk(19%, 0%, 55%, 5%)

Oklch

oklch(90.2% 0.167 125.6)

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

#DBF28A

Willow Green · Khaki · Apple Green

HEX

#DBF28A

RGB

rgb(219, 242, 138)

HSL

hsl(73, 80%, 75%)

HSB

hsb(73, 43%, 95%)

CMYK

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

Oklch

oklch(92.2% 0.132 119.3)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

506F50

6D4F6D

Analogous

5E6D4F

506F50

4F6D5E

Triadic

506F50

4F4F6D

6D4F4F

Split-Comp.

506F50

5E4F6D

6D4F5E

Tetradic

506F50

4F5E6D

6D4F6D

6D5E4F

Contrast Matrix WCAG 2.1 Contrast

506F50	55B375	83D571	C4F26E	DBF28A
—	2.2 Fail	3.1 AA Large	4.4 AA Large	4.6 AA
2.2 Fail	—	1.4 Fail	2.0 Fail	2.1 Fail
3.1 AA Large	1.4 Fail	—	1.4 Fail	1.5 Fail
4.4 AA Large	2.0 Fail	1.4 Fail	—	1.0 Fail
4.6 AA	2.1 Fail	1.5 Fail	1.0 Fail	—

White BG

5.6AA

2.6Fail

1.8Fail

1.3Fail

1.2Fail

Black BG

3.7AA Large

8.1AAA

11.7AAA

16.3AAA

17.1AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

5D5E58

7E7F84

A7A789

D8D88E

E5E5A3

Deuteranopia

5C5959

787188

A29C8F

D5D296

E4E2A9

Tritanopia

525D5F

5A9092

879CA1

C6A7AD

DCB7BB

Achromatopsia

626262

909090

B1B1B1

D5D5D5

DFDFDF

Shades & Tints Shades & Tints

#506F50

Dark

Light

#55B375

Dark

Light

#83D571

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #506f50;
  --color-2: #55b375;
  --color-3: #83d571;
  --color-4: #c4f26e;
  --color-5: #dbf28a;
}

SCSS

$color-1: #506f50;
$color-2: #55b375;
$color-3: #83d571;
$color-4: #c4f26e;
$color-5: #dbf28a;

TAILWIND

colors: {
  'brand-1': '#506f50',
  'brand-2': '#55b375',
  'brand-3': '#83d571',
  'brand-4': '#c4f26e',
  'brand-5': '#dbf28a',
}

RGB Array

[80, 111, 80], [85, 179, 117], [131, 213, 113], [196, 242, 110], [219, 242, 138]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This neon-style palette of #506F50, #55B375, #83D571, #C4F26E, #DBF28A 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: #506f50; --color-2: #55b375; --color-3: #83d571; --color-4: #c4f26e; --color-5: #dbf28a. 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