#9CA264 + #60C3C0 + #686489 + #0F1746 + #733D8B · neon - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

FuturisticEnergeticRebelliousCool

Industry INDUSTRY

GamingWeb3 / CryptoDeep Tech

UI Context UI CONTEXT

Dark Mode UIDashboardCampaign Page

Color Details Color Details

#9CA264

Autumn Sage · DarkSeaGreen · Sunflower

HEX

#9CA264

RGB

rgb(156, 162, 100)

HSL

hsl(66, 25%, 51%)

HSB

hsb(66, 38%, 64%)

CMYK

cmyk(4%, 0%, 38%, 36%)

Oklch

oklch(69.3% 0.084 113.1)

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

#60C3C0

Mineral Blue · MediumAquaMarine · Lake Green

HEX

#60C3C0

RGB

rgb(96, 195, 192)

HSL

hsl(178, 45%, 57%)

HSB

hsb(178, 51%, 76%)

CMYK

cmyk(51%, 0%, 2%, 24%)

Oklch

oklch(75.7% 0.093 192.7)

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

#686489

Deep Indigo · SlateGray · Navy Blue

HEX

#686489

RGB

rgb(104, 100, 137)

HSL

hsl(246, 16%, 46%)

HSB

hsb(246, 27%, 54%)

CMYK

cmyk(24%, 27%, 0%, 46%)

Oklch

oklch(52.1% 0.058 289.2)

Traditional「Deep Indigo」· Paint「Navy Blue」· Creative Blush Sunrise

#0F1746

Indigo · MidnightBlue · Deep Sea Blue

HEX

#0F1746

RGB

rgb(15, 23, 70)

HSL

hsl(231, 65%, 17%)

HSB

hsb(231, 79%, 27%)

CMYK

cmyk(79%, 67%, 0%, 73%)

Oklch

oklch(23.2% 0.088 270.5)

Traditional「Indigo」· Paint「Deep Sea Blue」· Creative Blush Sunrise

#733D8B

Dark Plum · DarkSlateBlue · Eggplant

HEX

#733D8B

RGB

rgb(115, 61, 139)

HSL

hsl(282, 39%, 39%)

HSB

hsb(282, 56%, 55%)

CMYK

cmyk(17%, 56%, 0%, 45%)

Oklch

oklch(46.1% 0.133 314.3)

Traditional「Dark Plum」· Paint「Eggplant」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

9CA264

6963A1

Analogous

A18863

9CA264

7CA163

Triadic

9CA264

639BA1

A1639B

Split-Comp.

9CA264

637CA1

8863A1

Tetradic

9CA264

63A188

6963A1

A1637C

Contrast Matrix WCAG 2.1 Contrast

9CA264	60C3C0	686489	0F1746	733D8B
—	1.3 Fail	2.1 Fail	6.3 AA	2.8 Fail
1.3 Fail	—	2.7 Fail	8.2 AAA	3.6 AA Large
2.1 Fail	2.7 Fail	—	3.1 AA Large	1.4 Fail
6.3 AA	8.2 AAA	3.1 AA Large	—	2.2 Fail
2.8 Fail	3.6 AA Large	1.4 Fail	2.2 Fail	—

White BG

2.7Fail

2.1Fail

5.6AA

17.1AAA

7.6AAA

Black BG

7.8AAA

10.1AAA

3.8AA Large

1.2Fail

2.8Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

9F9F73

8B8CC1

666680

12133B

5C5B78

Deuteranopia

9E9E77

857EC1

67677E

121138

5F6374

Tritanopia

9C7F81

65C1C1

687977

0F3230

706966

Achromatopsia

999999

A5A5A5

696969

1A1A1A

565656

Shades & Tints Shades & Tints

#9CA264

Dark

Light

#60C3C0

Dark

Light

#686489

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #9ca264;
  --color-2: #60c3c0;
  --color-3: #686489;
  --color-4: #0f1746;
  --color-5: #733d8b;
}

SCSS

$color-1: #9ca264;
$color-2: #60c3c0;
$color-3: #686489;
$color-4: #0f1746;
$color-5: #733d8b;

TAILWIND

colors: {
  'brand-1': '#9ca264',
  'brand-2': '#60c3c0',
  'brand-3': '#686489',
  'brand-4': '#0f1746',
  'brand-5': '#733d8b',
}

RGB Array

[156, 162, 100], [96, 195, 192], [104, 100, 137], [15, 23, 70], [115, 61, 139]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This neon-style palette of #9CA264, #60C3C0, #686489, #0F1746, #733D8B 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: #9ca264; --color-2: #60c3c0; --color-3: #686489; --color-4: #0f1746; --color-5: #733d8b. 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