← Back to Editor

#EBFAF6 · #C2FCD3 · #2EFFAF · #229C7D · #222927

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

#EBFAF6

Jade · Snow · Glacier Blue

HEX
#EBFAF6
RGB
rgb(235, 250, 246)
HSL
hsl(164, 60%, 95%)
HSB
hsb(164, 6%, 98%)
CMYK
cmyk(6%, 0%, 2%, 2%)
Oklch
oklch(97.3% 0.017 178.3)

Traditional「Jade」· Paint「Glacier Blue」· Creative Arctic Pool

#C2FCD3

Emerald · LightGray · Mint Green

HEX
#C2FCD3
RGB
rgb(194, 252, 211)
HSL
hsl(138, 91%, 87%)
HSB
hsb(138, 23%, 99%)
CMYK
cmyk(23%, 0%, 16%, 1%)
Oklch
oklch(94.1% 0.081 153.9)

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

#2EFFAF

Mineral Blue · Turquoise · Olive Green

HEX
#2EFFAF
RGB
rgb(46, 255, 175)
HSL
hsl(157, 100%, 59%)
HSB
hsb(157, 82%, 100%)
CMYK
cmyk(82%, 0%, 31%, 0%)
Oklch
oklch(88.7% 0.190 160.7)

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

#229C7D

Mineral Blue · MediumSeaGreen · Mint Ice

HEX
#229C7D
RGB
rgb(34, 156, 125)
HSL
hsl(165, 64%, 37%)
HSB
hsb(165, 78%, 61%)
CMYK
cmyk(78%, 0%, 20%, 39%)
Oklch
oklch(62.1% 0.113 170.9)

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

#222927

Mineral Blue · DarkSlateGray · Dark Stone

HEX
#222927
RGB
rgb(34, 41, 39)
HSL
hsl(163, 9%, 15%)
HSB
hsb(163, 17%, 16%)
CMYK
cmyk(17%, 0%, 5%, 84%)
Oklch
oklch(27.3% 0.011 176.4)

Traditional「Mineral Blue」· Paint「Dark Stone」· Creative Midnight Shadow

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

EBFAF6
FAEBEF

Analogous

EBFAEE
EBFAF6
EBF6FA

Triadic

EBFAF6
F6EBFA
FAF6EB

Split-Comp.

EBFAF6
FAEBF6
FAEEEB

Tetradic

EBFAF6
EEEBFA
FAEBEF
F6FAEB

Contrast Matrix WCAG 2.1 Contrast

EBFAF6
C2FCD3
2EFFAF
229C7D
222927
—
1.1
Fail
1.2
Fail
3.2
AA Large
13.8
AAA
1.1
Fail
—
1.1
Fail
3.0
Fail
12.8
AAA
1.2
Fail
1.1
Fail
—
2.6
Fail
11.3
AAA
3.2
AA Large
3.0
Fail
2.6
Fail
—
4.3
AA Large
13.8
AAA
12.8
AAA
11.3
AAA
4.3
AA Large
—
White BG
1.1Fail
1.2Fail
1.3Fail
3.4AA Large
14.8AAA
Black BG
19.5AAA
18.2AAA
16.0AAA
6.1AA
1.4Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

F1F2F7
DBDCDD
888AC2
575885
252527

Deuteranopia

F1F0F7
D8D3DF
7C6DC7
504786
252428

Tritanopia

ECF8F8
C5E5E6
38D2D5
288A8C
222828

Achromatopsia

F5F5F5
E6E6E6
B7B7B7
747474
272727

Shades & Tints Shades & Tints

#EBFAF6

Dark
Light

#C2FCD3

Dark
Light

#2EFFAF

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #ebfaf6;
  --color-2: #c2fcd3;
  --color-3: #2effaf;
  --color-4: #229c7d;
  --color-5: #222927;
}

SCSS

$color-1: #ebfaf6;
$color-2: #c2fcd3;
$color-3: #2effaf;
$color-4: #229c7d;
$color-5: #222927;

TAILWIND

colors: {
  'brand-1': '#ebfaf6',
  'brand-2': '#c2fcd3',
  'brand-3': '#2effaf',
  'brand-4': '#229c7d',
  'brand-5': '#222927',
}

RGB Array

[235, 250, 246], [194, 252, 211], [46, 255, 175], [34, 156, 125], [34, 41, 39]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This neon-style palette of #EBFAF6, #C2FCD3, #2EFFAF, #229C7D, #222927 is ideal for: social media posters, mobile apps, e-commerce promos, infographics, data visualization, accessible design. Vivid colors effectively attract user attention. High contrast ensures clear visual hierarchy and readability. It is a vibrant and energetic choice among 5-color palettes.

How to use this palette in CSS or frontend projects?

Copy the CSS variables directly: --color-1: #ebfaf6; --color-2: #c2fcd3; --color-3: #2effaf; --color-4: #229c7d; --color-5: #222927. 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 food & dining, entertainment, kids education, social industries. Bold colors convey vitality and innovation. 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