← Back to Editor

#D94170 · #FFB6B0 · #FBC8C4 · #4D3243 · #D0BE9A

neon

A 5-color neon palette · Complete color analysis and application guide

Scene Recommendations Scene Recommendations

Emotion EMOTION

FuturisticEnergeticRebelliousWarm

Industry INDUSTRY

GamingWeb3 / CryptoDeep Tech

UI Context UI CONTEXT

Dark Mode UIDashboardCampaign PageData Visualization

Color Details Color Details

#D94170

Dark Violet · MediumVioletRed · Rose Pink

HEX
#D94170
RGB
rgb(217, 65, 112)
HSL
hsl(341, 67%, 55%)
HSB
hsb(341, 70%, 85%)
CMYK
cmyk(0%, 70%, 48%, 15%)
Oklch
oklch(60.6% 0.190 6.3)

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

#FFB6B0

Peach Pink · LightPink · Cherry Blossom

HEX
#FFB6B0
RGB
rgb(255, 182, 176)
HSL
hsl(5, 100%, 85%)
HSB
hsb(5, 31%, 100%)
CMYK
cmyk(0%, 29%, 31%, 0%)
Oklch
oklch(84.3% 0.086 24.3)

Traditional「Peach Pink」· Paint「Cherry Blossom」· Creative Blush Sunrise

#FBC8C4

Peach Pink · Pink · Cherry Blossom

HEX
#FBC8C4
RGB
rgb(251, 200, 196)
HSL
hsl(4, 87%, 88%)
HSB
hsb(4, 22%, 98%)
CMYK
cmyk(0%, 20%, 22%, 2%)
Oklch
oklch(87.6% 0.059 23.5)

Traditional「Peach Pink」· Paint「Cherry Blossom」· Creative Blush Sunrise

#4D3243

Rose Purple · DarkSlateGray · Raspberry

HEX
#4D3243
RGB
rgb(77, 50, 67)
HSL
hsl(322, 21%, 25%)
HSB
hsb(322, 35%, 30%)
CMYK
cmyk(0%, 35%, 13%, 70%)
Oklch
oklch(35.5% 0.047 341.6)

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

#D0BE9A

Goose Yellow · Tan · Sunflower

HEX
#D0BE9A
RGB
rgb(208, 190, 154)
HSL
hsl(40, 36%, 71%)
HSB
hsb(40, 26%, 82%)
CMYK
cmyk(0%, 9%, 26%, 18%)
Oklch
oklch(80.7% 0.053 84.5)

Traditional「Goose Yellow」· Paint「Sunflower」· Creative Lemon Fizz

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

D94170
3FD9A8

Analogous

D93FBD
D94170
D95C3F

Triadic

D94170
70D93F
3F70D9

Split-Comp.

D94170
3FD95C
3FBDD9

Tetradic

D94170
BDD93F
3FD9A8
5C3FD9

Contrast Matrix WCAG 2.1 Contrast

D94170
FFB6B0
FBC8C4
4D3243
D0BE9A
—
2.5
Fail
2.9
Fail
2.7
Fail
2.3
Fail
2.5
Fail
—
1.1
Fail
6.8
AA
1.1
Fail
2.9
Fail
1.1
Fail
—
7.6
AAA
1.2
Fail
2.7
Fail
6.8
AA
7.6
AAA
—
6.2
AA
2.3
Fail
1.1
Fail
1.2
Fail
6.2
AA
—
White BG
4.3AA Large
1.7Fail
1.5Fail
11.3AAA
1.8Fail
Black BG
4.9AA
12.6AAA
14.2AAA
1.9Fail
11.5AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

979665
DFDFB1
E5E4C5
41413F
C8C8A3

Deuteranopia

A0AB62
E4E9B2
E8ECC5
43453E
C9CBA5

Tritanopia

D15C5A
FBB3B3
F8C6C6
4C3C3B
CFAAAB

Achromatopsia

747474
CBCBCB
D7D7D7
3C3C3C
BFBFBF

Shades & Tints Shades & Tints

#D94170

Dark
Light

#FFB6B0

Dark
Light

#FBC8C4

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #d94170;
  --color-2: #ffb6b0;
  --color-3: #fbc8c4;
  --color-4: #4d3243;
  --color-5: #d0be9a;
}

SCSS

$color-1: #d94170;
$color-2: #ffb6b0;
$color-3: #fbc8c4;
$color-4: #4d3243;
$color-5: #d0be9a;

TAILWIND

colors: {
  'brand-1': '#d94170',
  'brand-2': '#ffb6b0',
  'brand-3': '#fbc8c4',
  'brand-4': '#4d3243',
  'brand-5': '#d0be9a',
}

RGB Array

[217, 65, 112], [255, 182, 176], [251, 200, 196], [77, 50, 67], [208, 190, 154]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This neon-style palette of #D94170, #FFB6B0, #FBC8C4, #4D3243, #D0BE9A 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: #d94170; --color-2: #ffb6b0; --color-3: #fbc8c4; --color-4: #4d3243; --color-5: #d0be9a. 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