#B8A684 + #FF3675 + #D92774 + #755858 + #6B4646 · neon - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

FuturisticEnergeticRebelliousWarm

Industry INDUSTRY

GamingWeb3 / CryptoDeep Tech

UI Context UI CONTEXT

Dark Mode UIDashboardCampaign Page

Color Details Color Details

#B8A684

Ginger · Tan · Warm Sun

HEX

#B8A684

RGB

rgb(184, 166, 132)

HSL

hsl(39, 27%, 62%)

HSB

hsb(39, 28%, 72%)

CMYK

cmyk(0%, 10%, 28%, 28%)

Oklch

oklch(73.2% 0.051 83.2)

Traditional「Ginger」· Paint「Warm Sun」· Creative Honey Glow

#FF3675

Rouge · DeepPink · Rose Pink

HEX

#FF3675

RGB

rgb(255, 54, 117)

HSL

hsl(341, 100%, 61%)

HSB

hsb(341, 79%, 100%)

CMYK

cmyk(0%, 79%, 54%, 0%)

Oklch

oklch(66.2% 0.234 8.7)

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

#D92774

Dark Violet · MediumVioletRed · Camellia

HEX

#D92774

RGB

rgb(217, 39, 116)

HSL

hsl(334, 70%, 50%)

HSB

hsb(334, 82%, 85%)

CMYK

cmyk(0%, 82%, 47%, 15%)

Oklch

oklch(58.7% 0.216 1.3)

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

#755858

Crimson · DimGray · Wine Red

HEX

#755858

RGB

rgb(117, 88, 88)

HSL

hsl(0, 14%, 40%)

HSB

hsb(0, 25%, 46%)

CMYK

cmyk(0%, 25%, 25%, 54%)

Oklch

oklch(49.0% 0.038 18.6)

Traditional「Crimson」· Paint「Wine Red」· Creative Blush Sunrise

#6B4646

Crimson · DarkOliveGreen · Wine Red

HEX

#6B4646

RGB

rgb(107, 70, 70)

HSL

hsl(0, 21%, 35%)

HSB

hsb(0, 35%, 42%)

CMYK

cmyk(0%, 35%, 35%, 58%)

Oklch

oklch(43.6% 0.051 19.3)

Traditional「Crimson」· Paint「Wine Red」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

B8A684

8496B8

Analogous

B88C84

B8A684

B0B884

Triadic

B8A684

84B8A6

A684B8

Split-Comp.

B8A684

84B0B8

8C84B8

Tetradic

B8A684

84B88C

8496B8

B884B0

Contrast Matrix WCAG 2.1 Contrast

B8A684	FF3675	D92774	755858	6B4646
—	1.5 Fail	2.0 Fail	2.7 Fail	3.4 AA Large
1.5 Fail	—	1.3 Fail	1.8 Fail	2.3 Fail
2.0 Fail	1.3 Fail	—	1.4 Fail	1.7 Fail
2.7 Fail	1.8 Fail	1.4 Fail	—	1.3 Fail
3.4 AA Large	2.3 Fail	1.7 Fail	1.3 Fail	—

White BG

2.4Fail

3.5AA Large

4.7AA

6.4AA

8.1AAA

Black BG

8.8AAA

6.0AA

4.5AA Large

3.3AA Large

2.6Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

B0B08C

A8A666

8C8A61

686858

5B5B46

Deuteranopia

B1B38E

B4C362

96A45D

6A6C58

5D6046

Tritanopia

B79394

F55A57

D0534F

745858

694646

Achromatopsia

A8A8A8

797979

656565

616161

515151

Shades & Tints Shades & Tints

#B8A684

Dark

Light

#FF3675

Dark

Light

#D92774

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #b8a684;
  --color-2: #ff3675;
  --color-3: #d92774;
  --color-4: #755858;
  --color-5: #6b4646;
}

SCSS

$color-1: #b8a684;
$color-2: #ff3675;
$color-3: #d92774;
$color-4: #755858;
$color-5: #6b4646;

TAILWIND

colors: {
  'brand-1': '#b8a684',
  'brand-2': '#ff3675',
  'brand-3': '#d92774',
  'brand-4': '#755858',
  'brand-5': '#6b4646',
}

RGB Array

[184, 166, 132], [255, 54, 117], [217, 39, 116], [117, 88, 88], [107, 70, 70]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This neon-style palette of #B8A684, #FF3675, #D92774, #755858, #6B4646 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: #b8a684; --color-2: #ff3675; --color-3: #d92774; --color-4: #755858; --color-5: #6b4646. 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