← Back to Editor

#8A9691 · #6B8A81 · #506D6E · #354352 · #241D38

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

ProfoundPremiumCool

Industry INDUSTRY

FinanceLuxury

UI Context UI CONTEXT

Dark ThemeCorporate

Color Details Color Details

#8A9691

Ash · LightSlateGray · Silver Sand

HEX
#8A9691
RGB
rgb(138, 150, 145)
HSL
hsl(155, 5%, 56%)
HSB
hsb(155, 8%, 59%)
CMYK
cmyk(8%, 0%, 3%, 41%)
Oklch
oklch(66.2% 0.016 169.0)

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

#6B8A81

Mineral Blue · SlateGray · Mint Ice

HEX
#6B8A81
RGB
rgb(107, 138, 129)
HSL
hsl(163, 13%, 48%)
HSB
hsb(163, 22%, 54%)
CMYK
cmyk(22%, 0%, 7%, 46%)
Oklch
oklch(60.7% 0.038 175.3)

Traditional「Mineral Blue」· Paint「Mint Ice」· Creative Blush Sunrise

#506D6E

Slate Blue · DimGray · Mint Ice

HEX
#506D6E
RGB
rgb(80, 109, 110)
HSL
hsl(182, 16%, 37%)
HSB
hsb(182, 27%, 43%)
CMYK
cmyk(27%, 1%, 0%, 57%)
Oklch
oklch(51.2% 0.034 198.8)

Traditional「Slate Blue」· Paint「Mint Ice」· Creative Blush Sunrise

#354352

Indigo · DarkSlateGray · Prussian Blue

HEX
#354352
RGB
rgb(53, 67, 82)
HSL
hsl(211, 21%, 26%)
HSB
hsb(211, 35%, 32%)
CMYK
cmyk(35%, 18%, 0%, 68%)
Oklch
oklch(37.7% 0.032 250.4)

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

#241D38

Deep Indigo · DarkSlateGray · Deep Sea Blue

HEX
#241D38
RGB
rgb(36, 29, 56)
HSL
hsl(256, 32%, 17%)
HSB
hsb(256, 48%, 22%)
CMYK
cmyk(36%, 48%, 0%, 78%)
Oklch
oklch(25.3% 0.050 294.4)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

8A9691
94898E

Analogous

89948A
8A9691
899394

Triadic

8A9691
908994
949089

Split-Comp.

8A9691
948993
948A89

Tetradic

8A9691
8A8994
94898E
939489

Contrast Matrix WCAG 2.1 Contrast

8A9691
6B8A81
506D6E
354352
241D38
—
1.2
Fail
1.8
Fail
3.3
AA Large
5.2
AA
1.2
Fail
—
1.5
Fail
2.7
Fail
4.3
AA Large
1.8
Fail
1.5
Fail
—
1.8
Fail
2.9
Fail
3.3
AA Large
2.7
Fail
1.8
Fail
—
1.6
Fail
5.2
AA
4.3
AA Large
2.9
Fail
1.6
Fail
—
White BG
3.1AA Large
3.8AA Large
5.6AA
10.1AAA
16.1AAA
Black BG
6.9AA
5.6AA
3.8AA Large
2.1Fail
1.3Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

8F8F92
787983
5D5D6E
3B3B4E
212131

Deuteranopia

8F8E93
777484
5B596E
3A394E
212230

Tritanopia

8B9393
6D8585
516E6E
364C4B
242C2B

Achromatopsia

929292
808080
646464
414141
222222

Shades & Tints Shades & Tints

#8A9691

Dark
Light

#6B8A81

Dark
Light

#506D6E

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #8a9691;
  --color-2: #6b8a81;
  --color-3: #506d6e;
  --color-4: #354352;
  --color-5: #241d38;
}

SCSS

$color-1: #8a9691;
$color-2: #6b8a81;
$color-3: #506d6e;
$color-4: #354352;
$color-5: #241d38;

TAILWIND

colors: {
  'brand-1': '#8a9691',
  'brand-2': '#6b8a81',
  'brand-3': '#506d6e',
  'brand-4': '#354352',
  'brand-5': '#241d38',
}

RGB Array

[138, 150, 145], [107, 138, 129], [80, 109, 110], [53, 67, 82], [36, 29, 56]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #8A9691, #6B8A81, #506D6E, #354352, #241D38 is ideal for: brand design, premium product pages, magazine layouts, tech websites, dark mode UIs, game UIs. 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: #8a9691; --color-2: #6b8a81; --color-3: #506d6e; --color-4: #354352; --color-5: #241d38. 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?

Dark tones work well as backgrounds; pair with light text for readability. Use the brightest color for CTA buttons and interactive elements. 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 finance, legal, luxury 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