#E6E9F0 + #D8ED6D + #D1D7E3 + #C7D952 + #BEC2CC · neon - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

FuturisticEnergeticRebelliousCool

Industry INDUSTRY

GamingWeb3 / CryptoDeep Tech

UI Context UI CONTEXT

Dark Mode UIDashboardCampaign Page

Color Details Color Details

#E6E9F0

Azure · Lavender · Sky Blue

HEX

#E6E9F0

RGB

rgb(230, 233, 240)

HSL

hsl(222, 25%, 92%)

HSB

hsb(222, 4%, 94%)

CMYK

cmyk(4%, 3%, 0%, 6%)

Oklch

oklch(93.4% 0.010 267.4)

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

#D8ED6D

Willow Green · Khaki · Apple Green

HEX

#D8ED6D

RGB

rgb(216, 237, 109)

HSL

hsl(70, 78%, 68%)

HSB

hsb(70, 54%, 93%)

CMYK

cmyk(9%, 0%, 54%, 7%)

Oklch

oklch(90.5% 0.155 117.4)

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

#D1D7E3

Azure · LightGray · Sky Blue

HEX

#D1D7E3

RGB

rgb(209, 215, 227)

HSL

hsl(220, 24%, 85%)

HSB

hsb(220, 8%, 89%)

CMYK

cmyk(8%, 5%, 0%, 11%)

Oklch

oklch(87.8% 0.018 264.5)

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

#C7D952

Autumn Sage · GreenYellow · Sunflower

HEX

#C7D952

RGB

rgb(199, 217, 82)

HSL

hsl(68, 64%, 59%)

HSB

hsb(68, 62%, 85%)

CMYK

cmyk(8%, 0%, 62%, 15%)

Oklch

oklch(84.6% 0.159 116.3)

Traditional「Autumn Sage」· Paint「Sunflower」· Creative Blush Sunrise

#BEC2CC

Azure · Silver · Cobalt Blue

HEX

#BEC2CC

RGB

rgb(190, 194, 204)

HSL

hsl(223, 12%, 77%)

HSB

hsb(223, 7%, 80%)

CMYK

cmyk(7%, 5%, 0%, 20%)

Oklch

oklch(81.4% 0.015 268.5)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

E6E9F0

F0EDE6

Analogous

E6EEF0

E6E9F0

E8E6F0

Triadic

E6E9F0

F0E6E9

E9F0E6

Split-Comp.

E6E9F0

F0E8E6

EEF0E6

Tetradic

E6E9F0

F0E6EE

F0EDE6

E6F0E8

Contrast Matrix WCAG 2.1 Contrast

E6E9F0	D8ED6D	D1D7E3	C7D952	BEC2CC
—	1.1 Fail	1.2 Fail	1.3 Fail	1.5 Fail
1.1 Fail	—	1.1 Fail	1.2 Fail	1.4 Fail
1.2 Fail	1.1 Fail	—	1.1 Fail	1.2 Fail
1.3 Fail	1.2 Fail	1.1 Fail	—	1.1 Fail
1.5 Fail	1.4 Fail	1.2 Fail	1.1 Fail	—

White BG

1.2Fail

1.3Fail

1.4Fail

1.6Fail

1.8Fail

Black BG

17.3AAA

16.3AAA

14.5AAA

13.5AAA

11.8AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

E7E7EE

E1E18C

D4D4E0

CFCF73

C0C0CA

Deuteranopia

E7E7EE

E0DE93

D3D3DF

CECC7B

C0BFC9

Tritanopia

E6EDED

D9A4AA

D1DEDD

C88C92

BEC8C7

Achromatopsia

E9E9E9

D8D8D8

D7D7D7

C4C4C4

C2C2C2

Shades & Tints Shades & Tints

#E6E9F0

Dark

Light

#D8ED6D

Dark

Light

#D1D7E3

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #e6e9f0;
  --color-2: #d8ed6d;
  --color-3: #d1d7e3;
  --color-4: #c7d952;
  --color-5: #bec2cc;
}

SCSS

$color-1: #e6e9f0;
$color-2: #d8ed6d;
$color-3: #d1d7e3;
$color-4: #c7d952;
$color-5: #bec2cc;

TAILWIND

colors: {
  'brand-1': '#e6e9f0',
  'brand-2': '#d8ed6d',
  'brand-3': '#d1d7e3',
  'brand-4': '#c7d952',
  'brand-5': '#bec2cc',
}

RGB Array

[230, 233, 240], [216, 237, 109], [209, 215, 227], [199, 217, 82], [190, 194, 204]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This neon-style palette of #E6E9F0, #D8ED6D, #D1D7E3, #C7D952, #BEC2CC 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: #e6e9f0; --color-2: #d8ed6d; --color-3: #d1d7e3; --color-4: #c7d952; --color-5: #bec2cc. 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