← Back to Editor

#553D55 · #FBF7F8 · #B3E2FC · #000322 · #FEFFD7

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

#553D55

Rose Purple · DarkSlateGray · Eggplant

HEX
#553D55
RGB
rgb(85, 61, 85)
HSL
hsl(300, 16%, 29%)
HSB
hsb(300, 28%, 33%)
CMYK
cmyk(0%, 28%, 0%, 67%)
Oklch
oklch(39.6% 0.050 326.5)

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

#FBF7F8

Peach Pink · Snow · Cherry Blossom

HEX
#FBF7F8
RGB
rgb(251, 247, 248)
HSL
hsl(345, 33%, 98%)
HSB
hsb(345, 2%, 98%)
CMYK
cmyk(0%, 2%, 1%, 2%)
Oklch
oklch(97.9% 0.004 360.0)

Traditional「Peach Pink」· Paint「Cherry Blossom」· Creative Rose Petal

#B3E2FC

Sky Blue · LightBlue · Sky Blue

HEX
#B3E2FC
RGB
rgb(179, 226, 252)
HSL
hsl(201, 92%, 85%)
HSB
hsb(201, 29%, 99%)
CMYK
cmyk(29%, 10%, 0%, 1%)
Oklch
oklch(88.8% 0.060 232.5)

Traditional「Sky Blue」· Paint「Sky Blue」· Creative Twilight Haze

#000322

Indigo · Black · Deep Sea Blue

HEX
#000322
RGB
rgb(0, 3, 34)
HSL
hsl(235, 100%, 7%)
HSB
hsb(235, 100%, 13%)
CMYK
cmyk(100%, 91%, 0%, 87%)
Oklch
oklch(12.7% 0.070 263.7)

Traditional「Indigo」· Paint「Deep Sea Blue」· Creative Blush Sunrise

#FEFFD7

Fresh Green · LightYellow · Lemon Cream

HEX
#FEFFD7
RGB
rgb(254, 255, 215)
HSL
hsl(61, 100%, 92%)
HSB
hsb(61, 16%, 100%)
CMYK
cmyk(0%, 0%, 16%, 0%)
Oklch
oklch(98.9% 0.052 108.5)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

553D55
3E563E

Analogous

4A3E56
553D55
563E4A

Triadic

553D55
56563E
3E5656

Split-Comp.

553D55
4A563E
3E564A

Tetradic

553D55
564A3E
3E563E
3E4A56

Contrast Matrix WCAG 2.1 Contrast

553D55
FBF7F8
B3E2FC
000322
FEFFD7
—
9.0
AAA
7.0
AA
2.1
Fail
9.4
AAA
9.0
AAA
—
1.3
Fail
19.1
AAA
1.0
Fail
7.0
AA
1.3
Fail
—
14.7
AAA
1.3
Fail
2.1
Fail
19.1
AAA
14.7
AAA
—
19.8
AAA
9.4
AAA
1.0
Fail
1.3
Fail
19.8
AAA
—
White BG
9.6AAA
1.1Fail
1.4Fail
20.3AAA
1.0Fail
Black BG
2.2Fail
19.8AAA
15.2AAA
1.0Fail
20.5AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

4B4A4F
F9F9F8
C7C8F6
01011A
FEFEE1

Deuteranopia

4C4E4E
FAFAF8
C5C1F4
010119
FEFEE3

Tritanopia

544B4A
FBF8F8
B5F1F0
001513
FEE8EA

Achromatopsia

474747
F8F8F8
D7D7D7
060606
FAFAFA

Shades & Tints Shades & Tints

#553D55

Dark
Light

#FBF7F8

Dark
Light

#B3E2FC

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #553d55;
  --color-2: #fbf7f8;
  --color-3: #b3e2fc;
  --color-4: #000322;
  --color-5: #feffd7;
}

SCSS

$color-1: #553d55;
$color-2: #fbf7f8;
$color-3: #b3e2fc;
$color-4: #000322;
$color-5: #feffd7;

TAILWIND

colors: {
  'brand-1': '#553d55',
  'brand-2': '#fbf7f8',
  'brand-3': '#b3e2fc',
  'brand-4': '#000322',
  'brand-5': '#feffd7',
}

RGB Array

[85, 61, 85], [251, 247, 248], [179, 226, 252], [0, 3, 34], [254, 255, 215]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This neon-style palette of #553D55, #FBF7F8, #B3E2FC, #000322, #FEFFD7 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: #553d55; --color-2: #fbf7f8; --color-3: #b3e2fc; --color-4: #000322; --color-5: #feffd7. 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