#59656A + #3B6AEB + #5A6B9B + #8C506E + #AD285B · 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

#59656A

Slate Blue · DimGray · Charcoal

HEX

#59656A

RGB

rgb(89, 101, 106)

HSL

hsl(198, 9%, 38%)

HSB

hsb(198, 16%, 42%)

CMYK

cmyk(16%, 5%, 0%, 58%)

Oklch

oklch(49.8% 0.017 224.7)

Traditional「Slate Blue」· Paint「Charcoal」· Creative Midnight Shadow

#3B6AEB

Azure · DodgerBlue · Navy Blue

HEX

#3B6AEB

RGB

rgb(59, 106, 235)

HSL

hsl(224, 81%, 58%)

HSB

hsb(224, 75%, 92%)

CMYK

cmyk(75%, 55%, 0%, 8%)

Oklch

oklch(56.7% 0.202 265.3)

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

#5A6B9B

Indigo · SlateGray · Navy Blue

HEX

#5A6B9B

RGB

rgb(90, 107, 155)

HSL

hsl(224, 27%, 48%)

HSB

hsb(224, 42%, 61%)

CMYK

cmyk(42%, 31%, 0%, 39%)

Oklch

oklch(53.4% 0.079 268.7)

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

#8C506E

Dark Violet · DimGray · Camellia

HEX

#8C506E

RGB

rgb(140, 80, 110)

HSL

hsl(330, 27%, 43%)

HSB

hsb(330, 43%, 55%)

CMYK

cmyk(0%, 43%, 21%, 45%)

Oklch

oklch(51.1% 0.089 349.4)

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

#AD285B

Dark Violet · Brown · Camellia

HEX

#AD285B

RGB

rgb(173, 40, 91)

HSL

hsl(337, 62%, 42%)

HSB

hsb(337, 77%, 68%)

CMYK

cmyk(0%, 77%, 47%, 32%)

Oklch

oklch(50.4% 0.172 2.9)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

59656A

6A5D58

Analogous

586A66

59656A

585C6A

Triadic

59656A

6A5864

646A58

Split-Comp.

59656A

6A585C

6A6658

Tetradic

59656A

66586A

6A5D58

5C6A58

Contrast Matrix WCAG 2.1 Contrast

59656A	3B6AEB	5A6B9B	8C506E	AD285B
—	1.3 Fail	1.1 Fail	1.0 Fail	1.1 Fail
1.3 Fail	—	1.1 Fail	1.3 Fail	1.4 Fail
1.1 Fail	1.1 Fail	—	1.2 Fail	1.2 Fail
1.0 Fail	1.3 Fail	1.2 Fail	—	1.1 Fail
1.1 Fail	1.4 Fail	1.2 Fail	1.1 Fail	—

White BG

6.0AA

4.7AA

5.2AA

6.0AA

6.5AA

Black BG

3.5AA Large

4.4AA Large

4.0AA Large

3.5AA Large

3.2AA Large

Color Blindness Simulation Color Blindness Simulation

Protanopia

5E5E69

4F50CC

61628F

727167

73724F

Deuteranopia

5E5D68

4D49C4

605F8D

767A65

7B854C

Tritanopia

5A6868

3DB3AE

5B8684

896160

A64543

Achromatopsia

626262

6B6B6B

656565

565656

Shades & Tints Shades & Tints

#59656A

Dark

Light

#3B6AEB

Dark

Light

#5A6B9B

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #59656a;
  --color-2: #3b6aeb;
  --color-3: #5a6b9b;
  --color-4: #8c506e;
  --color-5: #ad285b;
}

SCSS

$color-1: #59656a;
$color-2: #3b6aeb;
$color-3: #5a6b9b;
$color-4: #8c506e;
$color-5: #ad285b;

TAILWIND

colors: {
  'brand-1': '#59656a',
  'brand-2': '#3b6aeb',
  'brand-3': '#5a6b9b',
  'brand-4': '#8c506e',
  'brand-5': '#ad285b',
}

RGB Array

[89, 101, 106], [59, 106, 235], [90, 107, 155], [140, 80, 110], [173, 40, 91]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This neon-style palette of #59656A, #3B6AEB, #5A6B9B, #8C506E, #AD285B 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: #59656a; --color-2: #3b6aeb; --color-3: #5a6b9b; --color-4: #8c506e; --color-5: #ad285b. 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