#B7D468 + #C4AA38 + #B87442 + #B34B4A + #ED3B58 · 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

#B7D468

Willow Green · Tan · Apple Green

HEX

#B7D468

RGB

rgb(183, 212, 104)

HSL

hsl(76, 56%, 62%)

HSB

hsb(76, 51%, 83%)

CMYK

cmyk(14%, 0%, 51%, 17%)

Oklch

oklch(82.6% 0.139 121.9)

Traditional「Willow Green」· Paint「Apple Green」· Creative Mint Breeze

#C4AA38

Ochre · GoldenRod · Honey Gold

HEX

#C4AA38

RGB

rgb(196, 170, 56)

HSL

hsl(49, 56%, 49%)

HSB

hsb(49, 71%, 77%)

CMYK

cmyk(0%, 13%, 71%, 23%)

Oklch

oklch(74.1% 0.132 96.0)

Traditional「Ochre」· Paint「Honey Gold」· Creative Blush Sunrise

#B87442

Tangerine · Chocolate · Amber Brown

HEX

#B87442

RGB

rgb(184, 116, 66)

HSL

hsl(25, 47%, 49%)

HSB

hsb(25, 64%, 72%)

CMYK

cmyk(0%, 37%, 64%, 28%)

Oklch

oklch(62.2% 0.108 55.5)

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

#B34B4A

Crimson · Sienna · Passion Red

HEX

#B34B4A

RGB

rgb(179, 75, 74)

HSL

hsl(1, 42%, 50%)

HSB

hsb(1, 59%, 70%)

CMYK

cmyk(0%, 58%, 59%, 30%)

Oklch

oklch(54.9% 0.136 23.2)

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

#ED3B58

Vermilion · Tomato · Passion Red

HEX

#ED3B58

RGB

rgb(237, 59, 88)

HSL

hsl(350, 83%, 58%)

HSB

hsb(350, 75%, 93%)

CMYK

cmyk(0%, 75%, 63%, 7%)

Oklch

oklch(62.9% 0.212 17.2)

Traditional「Vermilion」· Paint「Passion Red」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

B7D468

8568D4

Analogous

D4BB68

B7D468

81D468

Triadic

B7D468

68B7D4

D468B7

Split-Comp.

B7D468

6881D4

BB68D4

Tetradic

B7D468

68D4BB

8568D4

D46881

Contrast Matrix WCAG 2.1 Contrast

B7D468	C4AA38	B87442	B34B4A	ED3B58
—	1.4 Fail	2.2 Fail	3.1 AA Large	2.4 Fail
1.4 Fail	—	1.6 Fail	2.3 Fail	1.7 Fail
2.2 Fail	1.6 Fail	—	1.4 Fail	1.0 Fail
3.1 AA Large	2.3 Fail	1.4 Fail	—	1.3 Fail
2.4 Fail	1.7 Fail	1.0 Fail	1.3 Fail	—

White BG

1.7Fail

2.3Fail

3.7AA Large

5.2AA

3.9AA Large

Black BG

12.6AAA

9.2AAA

5.6AA

4.0AA Large

5.4AA

Color Blindness Simulation Color Blindness Simulation

Protanopia

C4C482

B9B954

9B9A4E

86854A

A09E51

Deuteranopia

C2C088

BABC5A

9FA451

8C944A

AAB84F

Tritanopia

B8979B

C3696E

B5585A

AE4A4A

E44B4A

Achromatopsia

BFBFBF

A5A5A5

838383

6A6A6A

747474

Shades & Tints Shades & Tints

#B7D468

Dark

Light

#C4AA38

Dark

Light

#B87442

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #b7d468;
  --color-2: #c4aa38;
  --color-3: #b87442;
  --color-4: #b34b4a;
  --color-5: #ed3b58;
}

SCSS

$color-1: #b7d468;
$color-2: #c4aa38;
$color-3: #b87442;
$color-4: #b34b4a;
$color-5: #ed3b58;

TAILWIND

colors: {
  'brand-1': '#b7d468',
  'brand-2': '#c4aa38',
  'brand-3': '#b87442',
  'brand-4': '#b34b4a',
  'brand-5': '#ed3b58',
}

RGB Array

[183, 212, 104], [196, 170, 56], [184, 116, 66], [179, 75, 74], [237, 59, 88]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This neon-style palette of #B7D468, #C4AA38, #B87442, #B34B4A, #ED3B58 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: #b7d468; --color-2: #c4aa38; --color-3: #b87442; --color-4: #b34b4a; --color-5: #ed3b58. 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