#B8AA72 + #DDF714 + #B8CF11 + #1BC298 + #3C4D47 · neon - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

FuturisticEnergeticRebelliousWarmCool

Industry INDUSTRY

GamingWeb3 / CryptoDeep Tech

UI Context UI CONTEXT

Dark Mode UIDashboardCampaign Page

Color Details Color Details

#B8AA72

Ginger · Tan · Sunflower

HEX

#B8AA72

RGB

rgb(184, 170, 114)

HSL

hsl(48, 33%, 58%)

HSB

hsb(48, 38%, 72%)

CMYK

cmyk(0%, 8%, 38%, 28%)

Oklch

oklch(73.7% 0.076 95.8)

Traditional「Ginger」· Paint「Sunflower」· Creative Blush Sunrise

#DDF714

Autumn Sage · Yellow · Sunflower

HEX

#DDF714

RGB

rgb(221, 247, 20)

HSL

hsl(67, 93%, 52%)

HSB

hsb(67, 92%, 97%)

CMYK

cmyk(11%, 0%, 92%, 3%)

Oklch

oklch(92.5% 0.211 117.3)

Traditional「Autumn Sage」· Paint「Sunflower」· Creative Blush Sunrise

#B8CF11

Autumn Sage · GoldenRod · Honey Gold

HEX

#B8CF11

RGB

rgb(184, 207, 17)

HSL

hsl(67, 85%, 44%)

HSB

hsb(67, 92%, 81%)

CMYK

cmyk(11%, 0%, 92%, 19%)

Oklch

oklch(80.9% 0.185 117.6)

Traditional「Autumn Sage」· Paint「Honey Gold」· Creative Blush Sunrise

#1BC298

Mineral Blue · LightSeaGreen · Mint Ice

HEX

#1BC298

RGB

rgb(27, 194, 152)

HSL

hsl(165, 76%, 43%)

HSB

hsb(165, 86%, 76%)

CMYK

cmyk(86%, 0%, 22%, 24%)

Oklch

oklch(72.6% 0.140 169.5)

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

#3C4D47

Mineral Blue · DarkSlateGray · Forest Green

HEX

#3C4D47

RGB

rgb(60, 77, 71)

HSL

hsl(159, 12%, 27%)

HSB

hsb(159, 22%, 30%)

CMYK

cmyk(22%, 0%, 8%, 70%)

Oklch

oklch(40.4% 0.024 171.6)

Traditional「Mineral Blue」· Paint「Forest Green」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

B8AA72

717FB7

Analogous

B78671

B8AA72

A2B771

Triadic

B8AA72

71B7A9

A971B7

Split-Comp.

B8AA72

71A2B7

8671B7

Tetradic

B8AA72

71B786

717FB7

B771A2

Contrast Matrix WCAG 2.1 Contrast

B8AA72	DDF714	B8CF11	1BC298	3C4D47
—	1.9 Fail	1.3 Fail	1.0 Fail	3.9 AA Large
1.9 Fail	—	1.5 Fail	1.9 Fail	7.4 AAA
1.3 Fail	1.5 Fail	—	1.3 Fail	5.1 AA
1.0 Fail	1.9 Fail	1.3 Fail	—	3.9 AA Large
3.9 AA Large	7.4 AAA	5.1 AA	3.9 AA Large	—

White BG

2.3Fail

1.2Fail

1.8Fail

2.3Fail

9.0AAA

Black BG

9.0AAA

17.4AAA

12.0AAA

9.2AAA

2.3Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

B2B280

E8E84B

C2C23F

6365A2

434448

Deuteranopia

B3B483

E7E558

C1BF4A

5A4DA5

424149

Tritanopia

B78A8D

DE7680

B9636B

23AAAC

3D4A4A

Achromatopsia

A8A8A8

D5D5D5

B2B2B2

8B8B8B

474747

Shades & Tints Shades & Tints

#B8AA72

Dark

Light

#DDF714

Dark

Light

#B8CF11

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #b8aa72;
  --color-2: #ddf714;
  --color-3: #b8cf11;
  --color-4: #1bc298;
  --color-5: #3c4d47;
}

SCSS

$color-1: #b8aa72;
$color-2: #ddf714;
$color-3: #b8cf11;
$color-4: #1bc298;
$color-5: #3c4d47;

TAILWIND

colors: {
  'brand-1': '#b8aa72',
  'brand-2': '#ddf714',
  'brand-3': '#b8cf11',
  'brand-4': '#1bc298',
  'brand-5': '#3c4d47',
}

RGB Array

[184, 170, 114], [221, 247, 20], [184, 207, 17], [27, 194, 152], [60, 77, 71]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This neon-style palette of #B8AA72, #DDF714, #B8CF11, #1BC298, #3C4D47 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: #b8aa72; --color-2: #ddf714; --color-3: #b8cf11; --color-4: #1bc298; --color-5: #3c4d47. 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