← Back to Editor

#108A95 · #5E356A · #C11DA6 · #FC3BA7 · #F49CB2

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 PageData Visualization

Color Details Color Details

#108A95

Lake Blue · Teal · Mint Ice

HEX
#108A95
RGB
rgb(16, 138, 149)
HSL
hsl(185, 81%, 32%)
HSB
hsb(185, 89%, 58%)
CMYK
cmyk(89%, 7%, 0%, 42%)
Oklch
oklch(57.9% 0.096 205.0)

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

#5E356A

Dark Plum · DarkSlateBlue · Eggplant

HEX
#5E356A
RGB
rgb(94, 53, 106)
HSL
hsl(286, 33%, 31%)
HSB
hsb(286, 50%, 42%)
CMYK
cmyk(11%, 50%, 0%, 58%)
Oklch
oklch(40.2% 0.098 318.2)

Traditional「Dark Plum」· Paint「Eggplant」· Creative Blush Sunrise

#C11DA6

Rose Purple · MediumVioletRed · Violet

HEX
#C11DA6
RGB
rgb(193, 29, 166)
HSL
hsl(310, 74%, 44%)
HSB
hsb(310, 85%, 76%)
CMYK
cmyk(0%, 85%, 14%, 24%)
Oklch
oklch(56.2% 0.232 336.5)

Traditional「Rose Purple」· Paint「Violet」· Creative Blush Sunrise

#FC3BA7

Mauve · DeepPink · Rose Pink

HEX
#FC3BA7
RGB
rgb(252, 59, 167)
HSL
hsl(326, 97%, 61%)
HSB
hsb(326, 77%, 99%)
CMYK
cmyk(0%, 77%, 34%, 1%)
Oklch
oklch(67.5% 0.243 351.7)

Traditional「Mauve」· Paint「Rose Pink」· Creative Rose Petal

#F49CB2

Peach Pink · LightPink · Coral Red

HEX
#F49CB2
RGB
rgb(244, 156, 178)
HSL
hsl(345, 80%, 78%)
HSB
hsb(345, 36%, 96%)
CMYK
cmyk(0%, 36%, 27%, 4%)
Oklch
oklch(78.7% 0.108 3.6)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

108A95
941B10

Analogous

10945D
108A95
104794

Triadic

108A95
941089
899410

Split-Comp.

108A95
941047
945D10

Tetradic

108A95
5D1094
941B10
479410

Contrast Matrix WCAG 2.1 Contrast

108A95
5E356A
C11DA6
FC3BA7
F49CB2
—
2.3
Fail
1.3
Fail
1.2
Fail
2.0
Fail
2.3
Fail
—
1.8
Fail
2.9
Fail
4.7
AA
1.3
Fail
1.8
Fail
—
1.6
Fail
2.6
Fail
1.2
Fail
2.9
Fail
1.6
Fail
—
1.6
Fail
2.0
Fail
4.7
AA
2.6
Fail
1.6
Fail
—
White BG
4.1AA Large
9.6AAA
5.3AA
3.3AA Large
2.0Fail
Black BG
5.1AA
2.2Fail
4.0AA Large
6.3AA
10.2AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

454692
4C4C5D
7A7985
A8A78D
CECDAD

Deuteranopia

3E3592
4F525A
84907D
B4C287
D3DAAB

Tritanopia

169090
5C5351
B96B65
F27874
F0A8A8

Achromatopsia

676767
474747
5E5E5E
818181
B9B9B9

Shades & Tints Shades & Tints

#108A95

Dark
Light

#5E356A

Dark
Light

#C11DA6

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #108a95;
  --color-2: #5e356a;
  --color-3: #c11da6;
  --color-4: #fc3ba7;
  --color-5: #f49cb2;
}

SCSS

$color-1: #108a95;
$color-2: #5e356a;
$color-3: #c11da6;
$color-4: #fc3ba7;
$color-5: #f49cb2;

TAILWIND

colors: {
  'brand-1': '#108a95',
  'brand-2': '#5e356a',
  'brand-3': '#c11da6',
  'brand-4': '#fc3ba7',
  'brand-5': '#f49cb2',
}

RGB Array

[16, 138, 149], [94, 53, 106], [193, 29, 166], [252, 59, 167], [244, 156, 178]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This neon-style palette of #108A95, #5E356A, #C11DA6, #FC3BA7, #F49CB2 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: #108a95; --color-2: #5e356a; --color-3: #c11da6; --color-4: #fc3ba7; --color-5: #f49cb2. 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