#5A536D + #6D88A0 + #57CED3 + #32F4E6 + #77F9F6 · 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

#5A536D

Deep Indigo · DimGray · Prussian Blue

HEX

#5A536D

RGB

rgb(90, 83, 109)

HSL

hsl(256, 14%, 38%)

HSB

hsb(256, 24%, 43%)

CMYK

cmyk(17%, 24%, 0%, 57%)

Oklch

oklch(45.9% 0.043 297.0)

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

#6D88A0

Slate Blue · LightSlateGray · Navy Blue

HEX

#6D88A0

RGB

rgb(109, 136, 160)

HSL

hsl(208, 21%, 53%)

HSB

hsb(208, 32%, 63%)

CMYK

cmyk(32%, 15%, 0%, 37%)

Oklch

oklch(61.5% 0.048 245.5)

Traditional「Slate Blue」· Paint「Navy Blue」· Creative Blush Sunrise

#57CED3

Lake Blue · MediumTurquoise · Lake Green

HEX

#57CED3

RGB

rgb(87, 206, 211)

HSL

hsl(182, 58%, 58%)

HSB

hsb(182, 59%, 83%)

CMYK

cmyk(59%, 2%, 0%, 17%)

Oklch

oklch(78.6% 0.106 199.1)

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

#32F4E6

Mineral Blue · Turquoise · Lake Green

HEX

#32F4E6

RGB

rgb(50, 244, 230)

HSL

hsl(176, 90%, 58%)

HSB

hsb(176, 80%, 96%)

CMYK

cmyk(80%, 0%, 6%, 4%)

Oklch

oklch(87.5% 0.145 187.2)

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

#77F9F6

Jade · LightSkyBlue · Lake Green

HEX

#77F9F6

RGB

rgb(119, 249, 246)

HSL

hsl(179, 92%, 72%)

HSB

hsb(179, 52%, 98%)

CMYK

cmyk(52%, 0%, 1%, 2%)

Oklch

oklch(90.8% 0.115 193.3)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

5A536D

676E53

Analogous

535A6E

5A536D

68536E

Triadic

5A536D

6E5B53

536E5B

Split-Comp.

5A536D

6E6853

5A6E53

Tetradic

5A536D

6E535A

676E53

536E68

Contrast Matrix WCAG 2.1 Contrast

5A536D	6D88A0	57CED3	32F4E6	77F9F6
—	2.0 Fail	3.9 AA Large	5.3 AA	5.8 AA
2.0 Fail	—	2.0 Fail	2.7 Fail	2.9 Fail
3.9 AA Large	2.0 Fail	—	1.4 Fail	1.5 Fail
5.3 AA	2.7 Fail	1.4 Fail	—	1.1 Fail
5.8 AA	2.9 Fail	1.5 Fail	1.1 Fail	—

White BG

7.3AAA

3.7AA Large

1.9Fail

1.4Fail

1.3Fail

Black BG

2.9Fail

5.7AA

11.2AAA

15.2AAA

16.7AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

575767

79799A

8B8CD2

8688E9

AFB0F7

Deuteranopia

575865

777599

847BD2

7B6CEA

A89EF7

Tritanopia

5A6261

6E9695

5DD1D1

3CECED

7EF7F7

Achromatopsia

585858

838383

ABABAB

B8B8B8

D2D2D2

Shades & Tints Shades & Tints

#5A536D

Dark

Light

#6D88A0

Dark

Light

#57CED3

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #5a536d;
  --color-2: #6d88a0;
  --color-3: #57ced3;
  --color-4: #32f4e6;
  --color-5: #77f9f6;
}

SCSS

$color-1: #5a536d;
$color-2: #6d88a0;
$color-3: #57ced3;
$color-4: #32f4e6;
$color-5: #77f9f6;

TAILWIND

colors: {
  'brand-1': '#5a536d',
  'brand-2': '#6d88a0',
  'brand-3': '#57ced3',
  'brand-4': '#32f4e6',
  'brand-5': '#77f9f6',
}

RGB Array

[90, 83, 109], [109, 136, 160], [87, 206, 211], [50, 244, 230], [119, 249, 246]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This neon-style palette of #5A536D, #6D88A0, #57CED3, #32F4E6, #77F9F6 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: #5a536d; --color-2: #6d88a0; --color-3: #57ced3; --color-4: #32f4e6; --color-5: #77f9f6. 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