← Back to Editor

#D1CBB0 · #E80974 · #1B3B4A · #3C6578 · #B6D64D

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

#D1CBB0

Goose Yellow · Silver · Sunflower

HEX
#D1CBB0
RGB
rgb(209, 203, 176)
HSL
hsl(49, 26%, 75%)
HSB
hsb(49, 16%, 82%)
CMYK
cmyk(0%, 3%, 16%, 18%)
Oklch
oklch(84.0% 0.037 96.8)

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

#E80974

Dark Violet · MediumVioletRed · Camellia

HEX
#E80974
RGB
rgb(232, 9, 116)
HSL
hsl(331, 93%, 47%)
HSB
hsb(331, 96%, 91%)
CMYK
cmyk(0%, 96%, 50%, 9%)
Oklch
oklch(60.3% 0.240 2.6)

Traditional「Dark Violet」· Paint「Camellia」· Creative Blush Sunrise

#1B3B4A

Slate Blue · DarkSlateGray · Peacock Green

HEX
#1B3B4A
RGB
rgb(27, 59, 74)
HSL
hsl(199, 47%, 20%)
HSB
hsb(199, 64%, 29%)
CMYK
cmyk(64%, 20%, 0%, 71%)
Oklch
oklch(33.5% 0.046 230.6)

Traditional「Slate Blue」· Paint「Peacock Green」· Creative Blush Sunrise

#3C6578

Slate Blue · DarkSlateBlue · Mint Ice

HEX
#3C6578
RGB
rgb(60, 101, 120)
HSL
hsl(199, 33%, 35%)
HSB
hsb(199, 50%, 47%)
CMYK
cmyk(50%, 16%, 0%, 53%)
Oklch
oklch(48.4% 0.055 229.3)

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

#B6D64D

Grass Green · GreenYellow · Olive Green

HEX
#B6D64D
RGB
rgb(182, 214, 77)
HSL
hsl(74, 63%, 57%)
HSB
hsb(74, 64%, 84%)
CMYK
cmyk(15%, 0%, 64%, 16%)
Oklch
oklch(82.7% 0.165 121.4)

Traditional「Grass Green」· Paint「Olive Green」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

D1CBB0
AFB5D0

Analogous

D0B9AF
D1CBB0
C5D0AF

Triadic

D1CBB0
AFD0CA
CAAFD0

Split-Comp.

D1CBB0
AFC5D0
B9AFD0

Tetradic

D1CBB0
AFD0B9
AFB5D0
D0AFC5

Contrast Matrix WCAG 2.1 Contrast

D1CBB0
E80974
1B3B4A
3C6578
B6D64D
—
2.7
Fail
7.3
AAA
3.9
AA Large
1.0
Fail
2.7
Fail
—
2.7
Fail
1.4
Fail
2.7
Fail
7.3
AAA
2.7
Fail
—
1.9
Fail
7.2
AAA
3.9
AA Large
1.4
Fail
1.9
Fail
—
3.8
AA Large
1.0
Fail
2.7
Fail
7.2
AAA
3.8
AA Large
—
White BG
1.6Fail
4.4AA Large
11.9AAA
6.3AA
1.7Fail
Black BG
12.9AAA
4.7AA
1.8Fail
3.3AA Large
12.7AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

CECEB7
87855A
292946
4E4E73
C4C46E

Deuteranopia

CFCFB8
94A554
272546
4B4872
C2C076

Tritanopia

D1BCBD
DD4641
1D4443
3E706F
B8888E

Achromatopsia

CACACA
585858
333333
5B5B5B
BDBDBD

Shades & Tints Shades & Tints

#D1CBB0

Dark
Light

#E80974

Dark
Light

#1B3B4A

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #d1cbb0;
  --color-2: #e80974;
  --color-3: #1b3b4a;
  --color-4: #3c6578;
  --color-5: #b6d64d;
}

SCSS

$color-1: #d1cbb0;
$color-2: #e80974;
$color-3: #1b3b4a;
$color-4: #3c6578;
$color-5: #b6d64d;

TAILWIND

colors: {
  'brand-1': '#d1cbb0',
  'brand-2': '#e80974',
  'brand-3': '#1b3b4a',
  'brand-4': '#3c6578',
  'brand-5': '#b6d64d',
}

RGB Array

[209, 203, 176], [232, 9, 116], [27, 59, 74], [60, 101, 120], [182, 214, 77]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This neon-style palette of #D1CBB0, #E80974, #1B3B4A, #3C6578, #B6D64D is ideal for: infographics, data visualization, accessible design. High contrast ensures clear visual hierarchy and readability. 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: #d1cbb0; --color-2: #e80974; --color-3: #1b3b4a; --color-4: #3c6578; --color-5: #b6d64d. 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 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