← Back to Editor

#DAF7A1 · #C7D6B3 · #9DA3B0 · #7E6CB0 · #492F77

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

#DAF7A1

Willow Green · Khaki · Apple Green

HEX
#DAF7A1
RGB
rgb(218, 247, 161)
HSL
hsl(80, 84%, 80%)
HSB
hsb(80, 35%, 97%)
CMYK
cmyk(12%, 0%, 35%, 3%)
Oklch
oklch(93.5% 0.114 123.7)

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

#C7D6B3

Willow Green · Silver · Apple Green

HEX
#C7D6B3
RGB
rgb(199, 214, 179)
HSL
hsl(86, 30%, 77%)
HSB
hsb(86, 16%, 84%)
CMYK
cmyk(7%, 0%, 16%, 16%)
Oklch
oklch(85.5% 0.050 126.3)

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

#9DA3B0

Azure · DarkGray · Cobalt Blue

HEX
#9DA3B0
RGB
rgb(157, 163, 176)
HSL
hsl(221, 11%, 65%)
HSB
hsb(221, 11%, 69%)
CMYK
cmyk(11%, 7%, 0%, 31%)
Oklch
oklch(71.5% 0.020 265.9)

Traditional「Azure」· Paint「Cobalt Blue」· Creative Twilight Haze

#7E6CB0

Deep Indigo · LightSlateGray · Navy Blue

HEX
#7E6CB0
RGB
rgb(126, 108, 176)
HSL
hsl(256, 30%, 56%)
HSB
hsb(256, 39%, 69%)
CMYK
cmyk(28%, 39%, 0%, 31%)
Oklch
oklch(57.6% 0.104 295.1)

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

#492F77

Deep Indigo · DarkSlateBlue · Eggplant

HEX
#492F77
RGB
rgb(73, 47, 119)
HSL
hsl(262, 43%, 33%)
HSB
hsb(262, 61%, 47%)
CMYK
cmyk(39%, 61%, 0%, 53%)
Oklch
oklch(37.5% 0.118 297.0)

Traditional「Deep Indigo」· Paint「Eggplant」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

DAF7A1
BEA1F7

Analogous

F7E9A1
DAF7A1
AFF7A1

Triadic

DAF7A1
A1DAF7
F7A1DA

Split-Comp.

DAF7A1
A1AFF7
E9A1F7

Tetradic

DAF7A1
A1F7E9
BEA1F7
F7A1AF

Contrast Matrix WCAG 2.1 Contrast

DAF7A1
C7D6B3
9DA3B0
7E6CB0
492F77
—
1.3
Fail
2.1
Fail
3.8
AA Large
9.1
AAA
1.3
Fail
—
1.7
Fail
2.9
Fail
7.0
AAA
2.1
Fail
1.7
Fail
—
1.8
Fail
4.2
AA Large
3.8
AA Large
2.9
Fail
1.8
Fail
—
2.4
Fail
9.1
AAA
7.0
AAA
4.2
AA Large
2.4
Fail
—
White BG
1.2Fail
1.5Fail
2.5Fail
4.5AA
10.7AAA
Black BG
17.8AAA
13.7AAA
8.3AAA
4.7AA
2.0Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

E7E7B6
CDCEBB
A0A0AD
7676A0
3E3E66

Deuteranopia

E5E3BB
CDCCBE
9F9FAC
77799C
3F4161

Tritanopia

DBC6CA
C8C2C4
9DAAAA
7D9390
485855

Achromatopsia

E5E5E5
CECECE
A3A3A3
797979
3F3F3F

Shades & Tints Shades & Tints

#DAF7A1

Dark
Light

#C7D6B3

Dark
Light

#9DA3B0

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #daf7a1;
  --color-2: #c7d6b3;
  --color-3: #9da3b0;
  --color-4: #7e6cb0;
  --color-5: #492f77;
}

SCSS

$color-1: #daf7a1;
$color-2: #c7d6b3;
$color-3: #9da3b0;
$color-4: #7e6cb0;
$color-5: #492f77;

TAILWIND

colors: {
  'brand-1': '#daf7a1',
  'brand-2': '#c7d6b3',
  'brand-3': '#9da3b0',
  'brand-4': '#7e6cb0',
  'brand-5': '#492f77',
}

RGB Array

[218, 247, 161], [199, 214, 179], [157, 163, 176], [126, 108, 176], [73, 47, 119]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This neon-style palette of #DAF7A1, #C7D6B3, #9DA3B0, #7E6CB0, #492F77 is ideal for: infographics, data visualization, accessible design. High contrast ensures clear visual hierarchy and readability. 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: #daf7a1; --color-2: #c7d6b3; --color-3: #9da3b0; --color-4: #7e6cb0; --color-5: #492f77. 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. 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 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