← Back to Editor

#3D615F · #61D6C4 · #71918C · #25343B · #212429

neon

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

FuturisticEnergeticRebelliousCool

Industry INDUSTRY

GamingWeb3 / CryptoDeep Tech

UI Context UI CONTEXT

Dark Mode UIDashboardCampaign PageData Visualization

Color Details Color Details

#3D615F

Mineral Blue · DarkSlateGray · Mint Ice

HEX
#3D615F
RGB
rgb(61, 97, 95)
HSL
hsl(177, 23%, 31%)
HSB
hsb(177, 37%, 38%)
CMYK
cmyk(37%, 0%, 2%, 62%)
Oklch
oklch(46.5% 0.042 191.4)

Traditional「Mineral Blue」· Paint「Mint Ice」· Creative Blush Sunrise

#61D6C4

Jade · MediumTurquoise · Lake Green

HEX
#61D6C4
RGB
rgb(97, 214, 196)
HSL
hsl(171, 59%, 61%)
HSB
hsb(171, 55%, 84%)
CMYK
cmyk(55%, 0%, 8%, 16%)
Oklch
oklch(80.4% 0.109 181.9)

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

#71918C

Mineral Blue · LightSlateGray · Lake Green

HEX
#71918C
RGB
rgb(113, 145, 140)
HSL
hsl(171, 13%, 51%)
HSB
hsb(171, 22%, 57%)
CMYK
cmyk(22%, 0%, 3%, 43%)
Oklch
oklch(63.1% 0.037 184.6)

Traditional「Mineral Blue」· Paint「Lake Green」· Creative Blush Sunrise

#25343B

Slate Blue · DarkSlateGray · Peacock Green

HEX
#25343B
RGB
rgb(37, 52, 59)
HSL
hsl(199, 23%, 19%)
HSB
hsb(199, 37%, 23%)
CMYK
cmyk(37%, 12%, 0%, 77%)
Oklch
oklch(31.5% 0.023 228.3)

Traditional「Slate Blue」· Paint「Peacock Green」· Creative Blush Sunrise

#212429

Indigo · DarkSlateGray · Deep Sea Blue

HEX
#212429
RGB
rgb(33, 36, 41)
HSL
hsl(218, 11%, 15%)
HSB
hsb(218, 20%, 16%)
CMYK
cmyk(20%, 12%, 0%, 84%)
Oklch
oklch(25.9% 0.010 260.7)

Traditional「Indigo」· Paint「Deep Sea Blue」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

3D615F
613D3F

Analogous

3D614D
3D615F
3D5161

Triadic

3D615F
5F3D61
615F3D

Split-Comp.

3D615F
613D51
614D3D

Tetradic

3D615F
4D3D61
613D3F
51613D

Contrast Matrix WCAG 2.1 Contrast

3D615F
61D6C4
71918C
25343B
212429
—
3.9
AA Large
2.0
Fail
1.9
Fail
2.3
Fail
3.9
AA Large
—
1.9
Fail
7.3
AAA
8.8
AAA
2.0
Fail
1.9
Fail
—
3.8
AA Large
4.5
AA
1.9
Fail
7.3
AAA
3.8
AA Large
—
1.2
Fail
2.3
Fail
8.8
AAA
4.5
AA
1.2
Fail
—
White BG
6.8AA
1.8Fail
3.4AA Large
12.9AAA
15.6AAA
Black BG
3.1AA Large
11.9AAA
6.1AA
1.6Fail
1.3Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

4D4D5F
9495C8
7F7F8D
2B2C39
222228

Deuteranopia

4B4860
8D84C9
7D7B8E
2B2A39
222228

Tritanopia

3F6060
67CCCD
738E8E
263838
212727

Achromatopsia

565656
B1B1B1
878787
303030
242424

Shades & Tints Shades & Tints

#3D615F

Dark
Light

#61D6C4

Dark
Light

#71918C

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #3d615f;
  --color-2: #61d6c4;
  --color-3: #71918c;
  --color-4: #25343b;
  --color-5: #212429;
}

SCSS

$color-1: #3d615f;
$color-2: #61d6c4;
$color-3: #71918c;
$color-4: #25343b;
$color-5: #212429;

TAILWIND

colors: {
  'brand-1': '#3d615f',
  'brand-2': '#61d6c4',
  'brand-3': '#71918c',
  'brand-4': '#25343b',
  'brand-5': '#212429',
}

RGB Array

[61, 97, 95], [97, 214, 196], [113, 145, 140], [37, 52, 59], [33, 36, 41]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This neon-style palette of #3D615F, #61D6C4, #71918C, #25343B, #212429 is ideal for: brand design, premium product pages, magazine layouts, tech websites, dark mode UIs, game UIs, infographics, data visualization, accessible design. Low-saturation colors convey a sophisticated, premium feel. High contrast ensures clear visual hierarchy and readability. 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: #3d615f; --color-2: #61d6c4; --color-3: #71918c; --color-4: #25343b; --color-5: #212429. 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?

Dark tones work well as backgrounds; pair with light text for readability. Use the brightest color for CTA buttons and interactive elements. High-contrast palettes naturally meet WCAG accessibility standards. 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 finance, legal, luxury 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