← Back to Editor

#8A9392 · #C5CDB6 · #6E5A75 · #51536A · #9B93AA

A 5-color palette palette · Complete color analysis and application guide

Scene Recommendations Scene Recommendations

Emotion EMOTION

HarmoniousVersatileCool

Industry INDUSTRY

E-commerceBusiness

UI Context UI CONTEXT

Web PageComponent Library

Color Details Color Details

#8A9392

Ash · LightSlateGray · Silver Sand

HEX
#8A9392
RGB
rgb(138, 147, 146)
HSL
hsl(173, 4%, 56%)
HSB
hsb(173, 6%, 58%)
CMYK
cmyk(6%, 0%, 1%, 42%)
Oklch
oklch(65.6% 0.011 188.9)

Traditional「Ash」· Paint「Silver Sand」· Creative Urban Concrete

#C5CDB6

Willow Green · Silver · Apple Green

HEX
#C5CDB6
RGB
rgb(197, 205, 182)
HSL
hsl(81, 19%, 76%)
HSB
hsb(81, 11%, 80%)
CMYK
cmyk(4%, 0%, 11%, 20%)
Oklch
oklch(83.6% 0.033 122.7)

Traditional「Willow Green」· Paint「Apple Green」· Creative Mint Breeze

#6E5A75

Dark Plum · DimGray · Violet

HEX
#6E5A75
RGB
rgb(110, 90, 117)
HSL
hsl(284, 13%, 41%)
HSB
hsb(284, 23%, 46%)
CMYK
cmyk(6%, 23%, 0%, 54%)
Oklch
oklch(49.7% 0.049 317.2)

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

#51536A

Indigo · DimGray · Prussian Blue

HEX
#51536A
RGB
rgb(81, 83, 106)
HSL
hsl(235, 13%, 37%)
HSB
hsb(235, 24%, 42%)
CMYK
cmyk(24%, 22%, 0%, 58%)
Oklch
oklch(44.9% 0.038 280.9)

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

#9B93AA

Wisteria · DarkGray · Lilac Purple

HEX
#9B93AA
RGB
rgb(155, 147, 170)
HSL
hsl(261, 12%, 62%)
HSB
hsb(261, 14%, 67%)
CMYK
cmyk(9%, 14%, 0%, 33%)
Oklch
oklch(67.8% 0.035 301.3)

Traditional「Wisteria」· Paint「Lilac Purple」· Creative Lavender Dream

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

8A9392
938A8B

Analogous

8A938E
8A9392
8A9093

Triadic

8A9392
928A93
93928A

Split-Comp.

8A9392
938A90
938E8A

Tetradic

8A9392
8E8A93
938A8B
90938A

Contrast Matrix WCAG 2.1 Contrast

8A9392
C5CDB6
6E5A75
51536A
9B93AA
—
1.9
Fail
2.0
Fail
2.4
Fail
1.1
Fail
1.9
Fail
—
3.8
AA Large
4.6
AA
1.8
Fail
2.0
Fail
3.8
AA Large
—
1.2
Fail
2.1
Fail
2.4
Fail
4.6
AA
1.2
Fail
—
2.6
Fail
1.1
Fail
1.8
Fail
2.1
Fail
2.6
Fail
—
White BG
3.1AA Large
1.6Fail
6.2AA
7.5AAA
2.9Fail
Black BG
6.7AA
12.8AAA
3.4AA Large
2.8Fail
7.1AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

8E8E92
C8C9BC
65656E
525264
9897A4

Deuteranopia

8D8D92
C8C7BD
67686D
525263
9899A3

Tritanopia

8A9292
C5C0C1
6D6968
51605F
9BA09F

Achromatopsia

909090
C8C8C8
636363
555555
989898

Shades & Tints Shades & Tints

#8A9392

Dark
Light

#C5CDB6

Dark
Light

#6E5A75

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #8a9392;
  --color-2: #c5cdb6;
  --color-3: #6e5a75;
  --color-4: #51536a;
  --color-5: #9b93aa;
}

SCSS

$color-1: #8a9392;
$color-2: #c5cdb6;
$color-3: #6e5a75;
$color-4: #51536a;
$color-5: #9b93aa;

TAILWIND

colors: {
  'brand-1': '#8a9392',
  'brand-2': '#c5cdb6',
  'brand-3': '#6e5a75',
  'brand-4': '#51536a',
  'brand-5': '#9b93aa',
}

RGB Array

[138, 147, 146], [197, 205, 182], [110, 90, 117], [81, 83, 106], [155, 147, 170]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #8A9392, #C5CDB6, #6E5A75, #51536A, #9B93AA is ideal for: brand design, premium product pages, magazine layouts. Low-saturation colors convey a sophisticated, premium feel. It is a classic and elegant choice among 5-color palettes.

How to use this palette in CSS or frontend projects?

Copy the CSS variables directly: --color-1: #8a9392; --color-2: #c5cdb6; --color-3: #6e5a75; --color-4: #51536a; --color-5: #9b93aa. 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 general-style 5-color scheme is especially suited for tech, SaaS, healthcare, eco industries. Restrained colors convey professionalism and trust. 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