← Back to Editor

#DA7080 · #B07490 · #8EABAB · #B2BB98 · #CCC5BA

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 Page

Color Details Color Details

#DA7080

Peach Pink · LightCoral · Coral Red

HEX
#DA7080
RGB
rgb(218, 112, 128)
HSL
hsl(351, 59%, 65%)
HSB
hsb(351, 49%, 85%)
CMYK
cmyk(0%, 49%, 41%, 15%)
Oklch
oklch(67.1% 0.133 11.8)

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

#B07490

Dark Violet · Gray · Rose Pink

HEX
#B07490
RGB
rgb(176, 116, 144)
HSL
hsl(332, 28%, 57%)
HSB
hsb(332, 34%, 69%)
CMYK
cmyk(0%, 34%, 18%, 31%)
Oklch
oklch(63.0% 0.084 350.3)

Traditional「Dark Violet」· Paint「Rose Pink」· Creative Blush Sunrise

#8EABAB

Sky Blue · DarkGray · Lake Green

HEX
#8EABAB
RGB
rgb(142, 171, 171)
HSL
hsl(180, 15%, 61%)
HSB
hsb(180, 17%, 67%)
CMYK
cmyk(17%, 0%, 0%, 33%)
Oklch
oklch(71.9% 0.032 196.5)

Traditional「Sky Blue」· Paint「Lake Green」· Creative Arctic Pool

#B2BB98

Willow Green · DarkGray · Apple Green

HEX
#B2BB98
RGB
rgb(178, 187, 152)
HSL
hsl(75, 20%, 66%)
HSB
hsb(75, 19%, 73%)
CMYK
cmyk(5%, 0%, 19%, 27%)
Oklch
oklch(77.6% 0.049 119.3)

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

#CCC5BA

Goose Yellow · Silver · Peach Orange

HEX
#CCC5BA
RGB
rgb(204, 197, 186)
HSL
hsl(37, 15%, 76%)
HSB
hsb(37, 9%, 80%)
CMYK
cmyk(0%, 3%, 9%, 20%)
Oklch
oklch(82.6% 0.017 79.3)

Traditional「Goose Yellow」· Paint「Peach Orange」· Creative Honey Glow

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

DA7080
71DACB

Analogous

DA71B6
DA7080
DA9671

Triadic

DA7080
81DA71
7181DA

Split-Comp.

DA7080
71DA96
71B6DA

Tetradic

DA7080
B6DA71
71DACB
9671DA

Contrast Matrix WCAG 2.1 Contrast

DA7080
B07490
8EABAB
B2BB98
CCC5BA
—
1.2
Fail
1.3
Fail
1.6
Fail
1.9
Fail
1.2
Fail
—
1.5
Fail
1.8
Fail
2.1
Fail
1.3
Fail
1.5
Fail
—
1.2
Fail
1.4
Fail
1.6
Fail
1.8
Fail
1.2
Fail
—
1.2
Fail
1.9
Fail
2.1
Fail
1.4
Fail
1.2
Fail
—
White BG
3.2AA Large
3.7AA Large
2.5Fail
2.0Fail
1.7Fail
Black BG
6.6AA
5.7AA
8.6AAA
10.5AAA
12.3AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

ACAB7C
969589
9B9BAB
B6B6A0
C9C9BD

Deuteranopia

B2BA7B
9A9E88
9997AB
B5B5A3
C9CABD

Tritanopia

D57978
AD8483
8FABAB
B2A7A9
CCBFBF

Achromatopsia

929292
898989
A2A2A2
B4B4B4
C6C6C6

Shades & Tints Shades & Tints

#DA7080

Dark
Light

#B07490

Dark
Light

#8EABAB

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #da7080;
  --color-2: #b07490;
  --color-3: #8eabab;
  --color-4: #b2bb98;
  --color-5: #ccc5ba;
}

SCSS

$color-1: #da7080;
$color-2: #b07490;
$color-3: #8eabab;
$color-4: #b2bb98;
$color-5: #ccc5ba;

TAILWIND

colors: {
  'brand-1': '#da7080',
  'brand-2': '#b07490',
  'brand-3': '#8eabab',
  'brand-4': '#b2bb98',
  'brand-5': '#ccc5ba',
}

RGB Array

[218, 112, 128], [176, 116, 144], [142, 171, 171], [178, 187, 152], [204, 197, 186]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This neon-style palette of #DA7080, #B07490, #8EABAB, #B2BB98, #CCC5BA is ideal for: brand design, premium product pages, magazine layouts. Low-saturation colors convey a sophisticated, premium feel. 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: #da7080; --color-2: #b07490; --color-3: #8eabab; --color-4: #b2bb98; --color-5: #ccc5ba. 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. 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. 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