#A26C92 + #FA00B4 + #FA005A + #AA3D65 + #A26C76 · 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

#A26C92

Rose Purple · Gray · Violet

HEX

#A26C92

RGB

rgb(162, 108, 146)

HSL

hsl(318, 22%, 53%)

HSB

hsb(318, 33%, 64%)

CMYK

cmyk(0%, 33%, 10%, 36%)

Oklch

oklch(60.0% 0.086 338.2)

Traditional「Rose Purple」· Paint「Violet」· Creative Blush Sunrise

#FA00B4

Rose Purple · DeepPink · Violet

HEX

#FA00B4

RGB

rgb(250, 0, 180)

HSL

hsl(317, 100%, 49%)

HSB

hsb(317, 100%, 98%)

CMYK

cmyk(0%, 100%, 28%, 2%)

Oklch

oklch(65.5% 0.278 345.8)

Traditional「Rose Purple」· Paint「Violet」· Creative Blush Sunrise

#FA005A

Dark Violet · Crimson · Camellia

HEX

#FA005A

RGB

rgb(250, 0, 90)

HSL

hsl(338, 100%, 49%)

HSB

hsb(338, 100%, 98%)

CMYK

cmyk(0%, 100%, 64%, 2%)

Oklch

oklch(62.7% 0.251 13.5)

Traditional「Dark Violet」· Paint「Camellia」· Creative Blush Sunrise

#AA3D65

Dark Violet · MediumVioletRed · Camellia

HEX

#AA3D65

RGB

rgb(170, 61, 101)

HSL

hsl(338, 47%, 45%)

HSB

hsb(338, 64%, 67%)

CMYK

cmyk(0%, 64%, 41%, 33%)

Oklch

oklch(52.3% 0.147 0.9)

Traditional「Dark Violet」· Paint「Camellia」· Creative Blush Sunrise

#A26C76

Crimson · Gray · Passion Red

HEX

#A26C76

RGB

rgb(162, 108, 118)

HSL

hsl(349, 22%, 53%)

HSB

hsb(349, 33%, 64%)

CMYK

cmyk(0%, 33%, 27%, 36%)

Oklch

oklch(59.1% 0.070 7.3)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

A26C92

6DA27D

Analogous

976DA2

A26C92

A26D77

Triadic

A26C92

92A26D

6D92A2

Split-Comp.

A26C92

77A26D

6DA297

Tetradic

A26C92

A2976D

6DA27D

6D77A2

Contrast Matrix WCAG 2.1 Contrast

A26C92	FA00B4	FA005A	AA3D65	A26C76
—	1.1 Fail	1.0 Fail	1.4 Fail	1.0 Fail
1.1 Fail	—	1.1 Fail	1.6 Fail	1.2 Fail
1.0 Fail	1.1 Fail	—	1.5 Fail	1.1 Fail
1.4 Fail	1.6 Fail	1.5 Fail	—	1.4 Fail
1.0 Fail	1.2 Fail	1.1 Fail	1.4 Fail	—

White BG

4.1AA Large

3.7AA Large

4.0AA Large

5.9AA

4.2AA Large

Black BG

5.1AA

5.7AA

5.2AA

3.6AA Large

4.9AA

Color Blindness Simulation Color Blindness Simulation

Protanopia

8B8A89

8E8C88

8E8C44

7B7A5B

8B8A74

Deuteranopia

8E9287

9CAF7E

9CAF3F

818959

8E9273

Tritanopia

9F8280

EE665F

EE332F

A55452

9F7271

Achromatopsia

808080

5F5F5F

555555

626262

7D7D7D

Shades & Tints Shades & Tints

#A26C92

Dark

Light

#FA00B4

Dark

Light

#FA005A

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #a26c92;
  --color-2: #fa00b4;
  --color-3: #fa005a;
  --color-4: #aa3d65;
  --color-5: #a26c76;
}

SCSS

$color-1: #a26c92;
$color-2: #fa00b4;
$color-3: #fa005a;
$color-4: #aa3d65;
$color-5: #a26c76;

TAILWIND

colors: {
  'brand-1': '#a26c92',
  'brand-2': '#fa00b4',
  'brand-3': '#fa005a',
  'brand-4': '#aa3d65',
  'brand-5': '#a26c76',
}

RGB Array

[162, 108, 146], [250, 0, 180], [250, 0, 90], [170, 61, 101], [162, 108, 118]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This neon-style palette of #A26C92, #FA00B4, #FA005A, #AA3D65, #A26C76 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: #a26c92; --color-2: #fa00b4; --color-3: #fa005a; --color-4: #aa3d65; --color-5: #a26c76. 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