#C5C6C1 + #B0C8B0 + #73E59F + #3FFF90 + #BCC1BB · 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

#C5C6C1

Silver Gray · Silver · Pearl Gray

HEX

#C5C6C1

RGB

rgb(197, 198, 193)

HSL

hsl(72, 4%, 77%)

HSB

hsb(72, 3%, 78%)

CMYK

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

Oklch

oklch(82.4% 0.007 115.7)

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

#B0C8B0

Celadon · Silver · Apple Green

HEX

#B0C8B0

RGB

rgb(176, 200, 176)

HSL

hsl(120, 18%, 74%)

HSB

hsb(120, 12%, 78%)

CMYK

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

Oklch

oklch(80.8% 0.042 145.2)

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

#73E59F

Emerald · MediumAquaMarine · Apple Green

HEX

#73E59F

RGB

rgb(115, 229, 159)

HSL

hsl(143, 69%, 67%)

HSB

hsb(143, 50%, 90%)

CMYK

cmyk(50%, 0%, 31%, 10%)

Oklch

oklch(83.7% 0.145 154.7)

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

#3FFF90

Emerald · MediumSpringGreen · Apple Green

HEX

#3FFF90

RGB

rgb(63, 255, 144)

HSL

hsl(145, 100%, 62%)

HSB

hsb(145, 75%, 100%)

CMYK

cmyk(75%, 0%, 44%, 0%)

Oklch

oklch(88.3% 0.213 152.4)

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

#BCC1BB

Silver Gray · Silver · Pearl Gray

HEX

#BCC1BB

RGB

rgb(188, 193, 187)

HSL

hsl(110, 5%, 75%)

HSB

hsb(110, 3%, 76%)

CMYK

cmyk(3%, 0%, 3%, 24%)

Oklch

oklch(80.5% 0.010 140.5)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

C5C6C1

C3C2C7

Analogous

C7C5C2

C5C6C1

C3C7C2

Triadic

C5C6C1

C2C6C7

C7C2C6

Split-Comp.

C5C6C1

C2C3C7

C5C2C7

Tetradic

C5C6C1

C2C7C5

C3C2C7

C7C2C3

Contrast Matrix WCAG 2.1 Contrast

C5C6C1	B0C8B0	73E59F	3FFF90	BCC1BB
—	1.0 Fail	1.1 Fail	1.3 Fail	1.1 Fail
1.0 Fail	—	1.1 Fail	1.4 Fail	1.0 Fail
1.1 Fail	1.1 Fail	—	1.2 Fail	1.2 Fail
1.3 Fail	1.4 Fail	1.2 Fail	—	1.4 Fail
1.1 Fail	1.0 Fail	1.2 Fail	1.4 Fail	—

White BG

1.7Fail

1.8Fail

1.6Fail

1.3Fail

1.8Fail

Black BG

12.2AAA

11.7AAA

13.4AAA

15.9AAA

11.5AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

C5C5C2

BABBB6

A4A5B0

9294AB

BEBEBC

Deuteranopia

C5C5C3

B9B7B7

9E95B4

8779B1

BEBEBD

Tritanopia

C5C3C3

B1BABB

79BDC0

49C0C5

BCBEBE

Achromatopsia

C5C5C5

BEBEBE

BBBBBB

B9B9B9

BFBFBF

Shades & Tints Shades & Tints

#C5C6C1

Dark

Light

#B0C8B0

Dark

Light

#73E59F

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #c5c6c1;
  --color-2: #b0c8b0;
  --color-3: #73e59f;
  --color-4: #3fff90;
  --color-5: #bcc1bb;
}

SCSS

$color-1: #c5c6c1;
$color-2: #b0c8b0;
$color-3: #73e59f;
$color-4: #3fff90;
$color-5: #bcc1bb;

TAILWIND

colors: {
  'brand-1': '#c5c6c1',
  'brand-2': '#b0c8b0',
  'brand-3': '#73e59f',
  'brand-4': '#3fff90',
  'brand-5': '#bcc1bb',
}

RGB Array

[197, 198, 193], [176, 200, 176], [115, 229, 159], [63, 255, 144], [188, 193, 187]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This neon-style palette of #C5C6C1, #B0C8B0, #73E59F, #3FFF90, #BCC1BB 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: #c5c6c1; --color-2: #b0c8b0; --color-3: #73e59f; --color-4: #3fff90; --color-5: #bcc1bb. 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