#78B5B0 + #604B6A + #F7457F + #D7DC88 + #753F61 · neon - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

FuturisticEnergeticRebelliousWarmCool

Industry INDUSTRY

GamingWeb3 / CryptoDeep Tech

UI Context UI CONTEXT

Dark Mode UIDashboardCampaign Page

Color Details Color Details

#78B5B0

Mineral Blue · MediumAquaMarine · Lake Green

HEX

#78B5B0

RGB

rgb(120, 181, 176)

HSL

hsl(175, 29%, 59%)

HSB

hsb(175, 34%, 71%)

CMYK

cmyk(34%, 0%, 3%, 29%)

Oklch

oklch(73.0% 0.063 189.4)

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

#604B6A

Dark Plum · DimGray · Eggplant

HEX

#604B6A

RGB

rgb(96, 75, 106)

HSL

hsl(281, 17%, 35%)

HSB

hsb(281, 29%, 42%)

CMYK

cmyk(9%, 29%, 0%, 58%)

Oklch

oklch(44.7% 0.056 314.6)

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

#F7457F

Rouge · DeepPink · Rose Pink

HEX

#F7457F

RGB

rgb(247, 69, 127)

HSL

hsl(340, 92%, 62%)

HSB

hsb(340, 72%, 97%)

CMYK

cmyk(0%, 72%, 49%, 3%)

Oklch

oklch(66.3% 0.216 5.9)

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

#D7DC88

Fresh Green · Khaki · Sunflower

HEX

#D7DC88

RGB

rgb(215, 220, 136)

HSL

hsl(64, 55%, 70%)

HSB

hsb(64, 38%, 86%)

CMYK

cmyk(2%, 0%, 38%, 14%)

Oklch

oklch(87.2% 0.107 111.3)

Traditional「Fresh Green」· Paint「Sunflower」· Creative Lemon Fizz

#753F61

Rose Purple · DimGray · Camellia

HEX

#753F61

RGB

rgb(117, 63, 97)

HSL

hsl(322, 30%, 35%)

HSB

hsb(322, 46%, 46%)

CMYK

cmyk(0%, 46%, 17%, 54%)

Oklch

oklch(44.6% 0.088 342.8)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

78B5B0

B5787D

Analogous

78B591

78B5B0

789CB5

Triadic

78B5B0

B078B5

B5B078

Split-Comp.

78B5B0

B5789C

B59178

Tetradic

78B5B0

9178B5

B5787D

9CB578

Contrast Matrix WCAG 2.1 Contrast

78B5B0	604B6A	F7457F	D7DC88	753F61
—	3.3 AA Large	1.5 Fail	1.6 Fail	3.4 AA Large
3.3 AA Large	—	2.3 Fail	5.3 AA	1.0 Fail
1.5 Fail	2.3 Fail	—	2.4 Fail	2.3 Fail
1.6 Fail	5.3 AA	2.4 Fail	—	5.5 AA
3.4 AA Large	1.0 Fail	2.3 Fail	5.5 AA	—

White BG

2.3Fail

7.7AAA

3.4AA Large

1.5Fail

8.0AAA

Black BG

9.0AAA

2.7Fail

6.1AA

14.5AAA

2.6Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

9293B1

575762

AAA871

D9D99C

5E5D59

Deuteranopia

8F8AB2

585A61

B4C26E

D9D9A1

616557

Tritanopia

7BB2B2

5F5D5B

EE6663

D7ACB0

725251

Achromatopsia

A2A2A2

555555

818181

D1D1D1

535353

Shades & Tints Shades & Tints

#78B5B0

Dark

Light

#604B6A

Dark

Light

#F7457F

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #78b5b0;
  --color-2: #604b6a;
  --color-3: #f7457f;
  --color-4: #d7dc88;
  --color-5: #753f61;
}

SCSS

$color-1: #78b5b0;
$color-2: #604b6a;
$color-3: #f7457f;
$color-4: #d7dc88;
$color-5: #753f61;

TAILWIND

colors: {
  'brand-1': '#78b5b0',
  'brand-2': '#604b6a',
  'brand-3': '#f7457f',
  'brand-4': '#d7dc88',
  'brand-5': '#753f61',
}

RGB Array

[120, 181, 176], [96, 75, 106], [247, 69, 127], [215, 220, 136], [117, 63, 97]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This neon-style palette of #78B5B0, #604B6A, #F7457F, #D7DC88, #753F61 is ideal for: corporate websites, product showcases, portfolios. 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: #78b5b0; --color-2: #604b6a; --color-3: #f7457f; --color-4: #d7dc88; --color-5: #753f61. 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. 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