← Back to Editor

#6E6E6E · #9F8C8F · #D0A9B0 · #B4CDBF · #97F0CE

neon

A 5-color neon palette · Complete color analysis and application guide

Scene Recommendations Scene Recommendations

Emotion EMOTION

FuturisticEnergeticRebelliousWarmCool

Industry INDUSTRY

GamingWeb3 / CryptoDeep Tech

UI Context UI CONTEXT

Dark Mode UIDashboardCampaign Page

Color Details Color Details

#6E6E6E

Ink Gray · DimGray · Warm Gray

HEX
#6E6E6E
RGB
rgb(110, 110, 110)
HSL
hsl(0, 0%, 43%)
HSB
hsb(0, 0%, 43%)
CMYK
cmyk(0%, 0%, 0%, 57%)
Oklch
oklch(53.8% 0.000 89.9)

Traditional「Ink Gray」· Paint「Warm Gray」· Creative Urban Concrete

#9F8C8F

Crimson · Gray · Silver Sand

HEX
#9F8C8F
RGB
rgb(159, 140, 143)
HSL
hsl(351, 9%, 59%)
HSB
hsb(351, 12%, 62%)
CMYK
cmyk(0%, 12%, 10%, 38%)
Oklch
oklch(65.8% 0.023 6.9)

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

#D0A9B0

Peach Pink · Silver · Coral Red

HEX
#D0A9B0
RGB
rgb(208, 169, 176)
HSL
hsl(349, 29%, 74%)
HSB
hsb(349, 19%, 82%)
CMYK
cmyk(0%, 19%, 15%, 18%)
Oklch
oklch(77.2% 0.047 6.1)

Traditional「Peach Pink」· Paint「Coral Red」· Creative Rose Petal

#B4CDBF

Celadon · Silver · Apple Green

HEX
#B4CDBF
RGB
rgb(180, 205, 191)
HSL
hsl(146, 20%, 75%)
HSB
hsb(146, 12%, 80%)
CMYK
cmyk(12%, 0%, 7%, 20%)
Oklch
oklch(82.6% 0.033 161.1)

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

#97F0CE

Jade · LightBlue · Apple Green

HEX
#97F0CE
RGB
rgb(151, 240, 206)
HSL
hsl(157, 75%, 77%)
HSB
hsb(157, 37%, 94%)
CMYK
cmyk(37%, 0%, 14%, 6%)
Oklch
oklch(88.9% 0.099 167.9)

Traditional「Jade」· Paint「Apple Green」· Creative Arctic Pool

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

6E6E6E
6E6E6E

Analogous

6E6E6E
6E6E6E
6E6E6E

Triadic

6E6E6E
6E6E6E
6E6E6E

Split-Comp.

6E6E6E
6E6E6E
6E6E6E

Tetradic

6E6E6E
6E6E6E
6E6E6E
6E6E6E

Contrast Matrix WCAG 2.1 Contrast

6E6E6E
9F8C8F
D0A9B0
B4CDBF
97F0CE
—
1.6
Fail
2.4
Fail
3.0
AA Large
3.8
AA Large
1.6
Fail
—
1.5
Fail
1.9
Fail
2.4
Fail
2.4
Fail
1.5
Fail
—
1.2
Fail
1.6
Fail
3.0
AA Large
1.9
Fail
1.2
Fail
—
1.3
Fail
3.8
AA Large
2.4
Fail
1.6
Fail
1.3
Fail
—
White BG
5.1AA
3.2AA Large
2.1Fail
1.7Fail
1.3Fail
Black BG
4.1AA Large
6.6AA
10.0AAA
12.4AAA
15.7AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

6E6E6E
97978E
BFBFAE
BFBFC2
BEBED6

Deuteranopia

6E6E6E
98998E
C1C4AE
BDBCC3
B8B2D8

Tritanopia

6E6E6E
9E8E8E
CEADAD
B5C5C6
9BDDDE

Achromatopsia

6E6E6E
929292
B5B5B5
C4C4C4
D2D2D2

Shades & Tints Shades & Tints

#6E6E6E

Dark
Light

#9F8C8F

Dark
Light

#D0A9B0

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #6e6e6e;
  --color-2: #9f8c8f;
  --color-3: #d0a9b0;
  --color-4: #b4cdbf;
  --color-5: #97f0ce;
}

SCSS

$color-1: #6e6e6e;
$color-2: #9f8c8f;
$color-3: #d0a9b0;
$color-4: #b4cdbf;
$color-5: #97f0ce;

TAILWIND

colors: {
  'brand-1': '#6e6e6e',
  'brand-2': '#9f8c8f',
  'brand-3': '#d0a9b0',
  'brand-4': '#b4cdbf',
  'brand-5': '#97f0ce',
}

RGB Array

[110, 110, 110], [159, 140, 143], [208, 169, 176], [180, 205, 191], [151, 240, 206]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This neon-style palette of #6E6E6E, #9F8C8F, #D0A9B0, #B4CDBF, #97F0CE is ideal for: brand design, premium product pages, magazine layouts, health products, baby brands, fresh-style blogs. Low-saturation colors convey a sophisticated, premium feel. It is a classic and elegant choice among 5-color palettes.

How to use this palette in CSS or frontend projects?

Copy the CSS variables directly: --color-1: #6e6e6e; --color-2: #9f8c8f; --color-3: #d0a9b0; --color-4: #b4cdbf; --color-5: #97f0ce. 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 beauty, lifestyle, arts industries. Restrained colors convey professionalism and trust. 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