#CFE530 + #B5B931 + #79AB92 + #556651 + #423B34 · 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

#CFE530

Autumn Sage · GreenYellow · Sunflower

HEX

#CFE530

RGB

rgb(207, 229, 48)

HSL

hsl(67, 78%, 54%)

HSB

hsb(67, 79%, 90%)

CMYK

cmyk(10%, 0%, 79%, 10%)

Oklch

oklch(87.6% 0.190 116.8)

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

#B5B931

Autumn Sage · GoldenRod · Honey Gold

HEX

#B5B931

RGB

rgb(181, 185, 49)

HSL

hsl(62, 58%, 46%)

HSB

hsb(62, 74%, 73%)

CMYK

cmyk(2%, 0%, 74%, 27%)

Oklch

oklch(75.9% 0.151 111.2)

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

#79AB92

Mineral Blue · DarkSeaGreen · Olive Green

HEX

#79AB92

RGB

rgb(121, 171, 146)

HSL

hsl(150, 23%, 57%)

HSB

hsb(150, 29%, 67%)

CMYK

cmyk(29%, 0%, 15%, 33%)

Oklch

oklch(69.9% 0.065 162.4)

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

#556651

Celadon · DimGray · Forest Green

HEX

#556651

RGB

rgb(85, 102, 81)

HSL

hsl(109, 11%, 36%)

HSB

hsb(109, 21%, 40%)

CMYK

cmyk(17%, 0%, 21%, 60%)

Oklch

oklch(49.0% 0.039 139.7)

Traditional「Celadon」· Paint「Forest Green」· Creative Blush Sunrise

#423B34

Ochre · DarkSlateGray · Cinnamon

HEX

#423B34

RGB

rgb(66, 59, 52)

HSL

hsl(30, 12%, 23%)

HSB

hsb(30, 21%, 26%)

CMYK

cmyk(0%, 11%, 21%, 74%)

Oklch

oklch(35.7% 0.015 67.3)

Traditional「Ochre」· Paint「Cinnamon」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

CFE530

442EE5

Analogous

E59F2E

CFE530

74E52E

Triadic

CFE530

2ED0E5

E52ED0

Split-Comp.

CFE530

2E74E5

9F2EE5

Tetradic

CFE530

2EE59F

442EE5

E52E74

Contrast Matrix WCAG 2.1 Contrast

CFE530	B5B931	79AB92	556651	423B34
—	1.5 Fail	1.9 Fail	4.4 AA Large	7.8 AAA
1.5 Fail	—	1.2 Fail	2.9 Fail	5.2 AA
1.9 Fail	1.2 Fail	—	2.4 Fail	4.2 AA Large
4.4 AA Large	2.9 Fail	2.4 Fail	—	1.8 Fail
7.8 AAA	5.2 AA	4.2 AA Large	1.8 Fail	—

White BG

1.4Fail

2.1Fail

2.6Fail

6.2AA

11.0AAA

Black BG

14.9AAA

9.9AAA

8.1AAA

3.4AA Large

1.9Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

D9D95C

B7B752

8F8F98

5C5D56

3F3F36

Deuteranopia

D7D666

B7B65A

8C889A

5B5A57

3F4036

Tritanopia

D07E86

B56C72

7B9D9E

565A5B

423737

Achromatopsia

CACACA

A8A8A8

999999

5F5F5F

3C3C3C

Shades & Tints Shades & Tints

#CFE530

Dark

Light

#B5B931

Dark

Light

#79AB92

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #cfe530;
  --color-2: #b5b931;
  --color-3: #79ab92;
  --color-4: #556651;
  --color-5: #423b34;
}

SCSS

$color-1: #cfe530;
$color-2: #b5b931;
$color-3: #79ab92;
$color-4: #556651;
$color-5: #423b34;

TAILWIND

colors: {
  'brand-1': '#cfe530',
  'brand-2': '#b5b931',
  'brand-3': '#79ab92',
  'brand-4': '#556651',
  'brand-5': '#423b34',
}

RGB Array

[207, 229, 48], [181, 185, 49], [121, 171, 146], [85, 102, 81], [66, 59, 52]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This neon-style palette of #CFE530, #B5B931, #79AB92, #556651, #423B34 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: #cfe530; --color-2: #b5b931; --color-3: #79ab92; --color-4: #556651; --color-5: #423b34. 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