#9E9AAD + #F5535B + #A6B807 + #97A0CF + #99ADA3 · 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

#9E9AAD

Wisteria · DarkGray · Cobalt Blue

HEX

#9E9AAD

RGB

rgb(158, 154, 173)

HSL

hsl(253, 10%, 64%)

HSB

hsb(253, 11%, 68%)

CMYK

cmyk(9%, 11%, 0%, 32%)

Oklch

oklch(69.6% 0.028 295.3)

Traditional「Wisteria」· Paint「Cobalt Blue」· Creative Lavender Dream

#F5535B

Peach Pink · Tomato · Coral Red

HEX

#F5535B

RGB

rgb(245, 83, 91)

HSL

hsl(357, 89%, 64%)

HSB

hsb(357, 66%, 96%)

CMYK

cmyk(0%, 66%, 63%, 4%)

Oklch

oklch(66.5% 0.198 21.6)

Traditional「Peach Pink」· Paint「Coral Red」· Creative Rose Petal

#A6B807

Autumn Sage · DarkGoldenRod · Honey Gold

HEX

#A6B807

RGB

rgb(166, 184, 7)

HSL

hsl(66, 93%, 37%)

HSB

hsb(66, 96%, 72%)

CMYK

cmyk(10%, 0%, 96%, 28%)

Oklch

oklch(74.3% 0.169 116.6)

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

#97A0CF

Azure · DarkGray · Cobalt Blue

HEX

#97A0CF

RGB

rgb(151, 160, 207)

HSL

hsl(230, 37%, 70%)

HSB

hsb(230, 27%, 81%)

CMYK

cmyk(27%, 23%, 0%, 19%)

Oklch

oklch(71.5% 0.069 276.1)

Traditional「Azure」· Paint「Cobalt Blue」· Creative Twilight Haze

#99ADA3

Jade · DarkGray · Apple Green

HEX

#99ADA3

RGB

rgb(153, 173, 163)

HSL

hsl(150, 11%, 64%)

HSB

hsb(150, 12%, 68%)

CMYK

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

Oklch

oklch(72.9% 0.026 164.2)

Traditional「Jade」· Paint「Apple Green」· Creative Arctic Pool

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

9E9AAD

A8AC9A

Analogous

9A9FAC

9E9AAD

A79AAC

Triadic

9E9AAD

AC9E9A

9AAC9E

Split-Comp.

9E9AAD

ACA79A

9FAC9A

Tetradic

9E9AAD

AC9A9F

A8AC9A

9AACA7

Contrast Matrix WCAG 2.1 Contrast

9E9AAD	F5535B	A6B807	97A0CF	99ADA3
—	1.2 Fail	1.2 Fail	1.1 Fail	1.2 Fail
1.2 Fail	—	1.5 Fail	1.3 Fail	1.4 Fail
1.2 Fail	1.5 Fail	—	1.1 Fail	1.1 Fail
1.1 Fail	1.3 Fail	1.1 Fail	—	1.1 Fail
1.2 Fail	1.4 Fail	1.1 Fail	1.1 Fail	—

White BG

2.7Fail

3.3AA Large

2.2Fail

2.5Fail

2.4Fail

Black BG

7.7AAA

6.3AA

9.5AAA

8.2AAA

8.9AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

9C9CA8

AFAD59

AEAE32

9B9BC4

A2A2A5

Deuteranopia

9D9DA7

B8C459

ADAB3C

9A9AC1

A19FA6

Tritanopia

9EA5A4

ED5857

A7545B

97BBB9

9AA7A8

Achromatopsia

9D9D9D

848484

9E9E9E

A3A3A3

A6A6A6

Shades & Tints Shades & Tints

#9E9AAD

Dark

Light

#F5535B

Dark

Light

#A6B807

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #9e9aad;
  --color-2: #f5535b;
  --color-3: #a6b807;
  --color-4: #97a0cf;
  --color-5: #99ada3;
}

SCSS

$color-1: #9e9aad;
$color-2: #f5535b;
$color-3: #a6b807;
$color-4: #97a0cf;
$color-5: #99ada3;

TAILWIND

colors: {
  'brand-1': '#9e9aad',
  'brand-2': '#f5535b',
  'brand-3': '#a6b807',
  'brand-4': '#97a0cf',
  'brand-5': '#99ada3',
}

RGB Array

[158, 154, 173], [245, 83, 91], [166, 184, 7], [151, 160, 207], [153, 173, 163]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This neon-style palette of #9E9AAD, #F5535B, #A6B807, #97A0CF, #99ADA3 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: #9e9aad; --color-2: #f5535b; --color-3: #a6b807; --color-4: #97a0cf; --color-5: #99ada3. 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