#D7E762 + #BEA881 + #6D616B + #533036 + #BF4919 · 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

#D7E762

Fresh Green · Khaki · Sunflower

HEX

#D7E762

RGB

rgb(215, 231, 98)

HSL

hsl(67, 73%, 65%)

HSB

hsb(67, 58%, 91%)

CMYK

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

Oklch

oklch(89.0% 0.157 115.4)

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

#BEA881

Ginger · Tan · Warm Sun

HEX

#BEA881

RGB

rgb(190, 168, 129)

HSL

hsl(38, 32%, 63%)

HSB

hsb(38, 32%, 75%)

CMYK

cmyk(0%, 12%, 32%, 25%)

Oklch

oklch(74.1% 0.059 81.7)

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

#6D616B

Ink Gray · DimGray · Charcoal

HEX

#6D616B

RGB

rgb(109, 97, 107)

HSL

hsl(310, 6%, 40%)

HSB

hsb(310, 11%, 43%)

CMYK

cmyk(0%, 11%, 2%, 57%)

Oklch

oklch(50.7% 0.022 331.4)

Traditional「Ink Gray」· Paint「Charcoal」· Creative Midnight Shadow

#533036

Crimson · DarkSlateGray · Wine Red

HEX

#533036

RGB

rgb(83, 48, 54)

HSL

hsl(350, 27%, 26%)

HSB

hsb(350, 42%, 33%)

CMYK

cmyk(0%, 42%, 35%, 67%)

Oklch

oklch(35.5% 0.052 8.9)

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

#BF4919

Tangerine · Chocolate · Amber Brown

HEX

#BF4919

RGB

rgb(191, 73, 25)

HSL

hsl(17, 77%, 42%)

HSB

hsb(17, 87%, 75%)

CMYK

cmyk(0%, 62%, 87%, 25%)

Oklch

oklch(55.9% 0.162 39.8)

Traditional「Tangerine」· Paint「Amber Brown」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

D7E762

7465E7

Analogous

E7B565

D7E762

97E765

Triadic

D7E762

65D8E7

E765D8

Split-Comp.

D7E762

6597E7

B565E7

Tetradic

D7E762

65E7B5

7465E7

E76597

Contrast Matrix WCAG 2.1 Contrast

D7E762	BEA881	6D616B	533036	BF4919
—	1.7 Fail	4.3 AA Large	8.4 AAA	3.7 AA Large
1.7 Fail	—	2.5 Fail	4.9 AA	2.2 Fail
4.3 AA Large	2.5 Fail	—	1.9 Fail	1.2 Fail
8.4 AAA	4.9 AA	1.9 Fail	—	2.3 Fail
3.7 AA Large	2.2 Fail	1.2 Fail	2.3 Fail	—

White BG

1.4Fail

2.3Fail

5.9AA

11.4AAA

5.0AA

Black BG

15.5AAA

9.1AAA

3.6AA Large

1.8Fail

4.2AA Large

Color Blindness Simulation Color Blindness Simulation

Protanopia

DEDE82

B4B48A

686869

444435

8C8B25

Deuteranopia

DDDC8A

B6B78D

696968

464934

939C27

Tritanopia

D89CA1

BD9294

6C6766

513333

B92E30

Achromatopsia

D3D3D3

AAAAAA

666666

3B3B3B

676767

Shades & Tints Shades & Tints

#D7E762

Dark

Light

#BEA881

Dark

Light

#6D616B

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #d7e762;
  --color-2: #bea881;
  --color-3: #6d616b;
  --color-4: #533036;
  --color-5: #bf4919;
}

SCSS

$color-1: #d7e762;
$color-2: #bea881;
$color-3: #6d616b;
$color-4: #533036;
$color-5: #bf4919;

TAILWIND

colors: {
  'brand-1': '#d7e762',
  'brand-2': '#bea881',
  'brand-3': '#6d616b',
  'brand-4': '#533036',
  'brand-5': '#bf4919',
}

RGB Array

[215, 231, 98], [190, 168, 129], [109, 97, 107], [83, 48, 54], [191, 73, 25]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This neon-style palette of #D7E762, #BEA881, #6D616B, #533036, #BF4919 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: #d7e762; --color-2: #bea881; --color-3: #6d616b; --color-4: #533036; --color-5: #bf4919. 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