← Back to Editor

#B6B8B0 · #8DB0A4 · #67A8A0 · #667E90 · #6D5085

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

#B6B8B0

Silver Gray · Silver · Pearl Gray

HEX
#B6B8B0
RGB
rgb(182, 184, 176)
HSL
hsl(75, 5%, 71%)
HSB
hsb(75, 4%, 72%)
CMYK
cmyk(1%, 0%, 4%, 28%)
Oklch
oklch(77.9% 0.011 118.1)

Traditional「Silver Gray」· Paint「Pearl Gray」· Creative Silver Lining

#8DB0A4

Jade · DarkSeaGreen · Apple Green

HEX
#8DB0A4
RGB
rgb(141, 176, 164)
HSL
hsl(159, 18%, 62%)
HSB
hsb(159, 20%, 69%)
CMYK
cmyk(20%, 0%, 7%, 31%)
Oklch
oklch(72.8% 0.042 172.2)

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

#67A8A0

Mineral Blue · CadetBlue · Lake Green

HEX
#67A8A0
RGB
rgb(103, 168, 160)
HSL
hsl(173, 27%, 53%)
HSB
hsb(173, 39%, 66%)
CMYK
cmyk(39%, 0%, 5%, 34%)
Oklch
oklch(68.6% 0.068 185.8)

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

#667E90

Slate Blue · SlateGray · Navy Blue

HEX
#667E90
RGB
rgb(102, 126, 144)
HSL
hsl(206, 17%, 48%)
HSB
hsb(206, 29%, 56%)
CMYK
cmyk(29%, 12%, 0%, 44%)
Oklch
oklch(58.1% 0.039 240.8)

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

#6D5085

Dark Plum · DimGray · Violet

HEX
#6D5085
RGB
rgb(109, 80, 133)
HSL
hsl(273, 25%, 42%)
HSB
hsb(273, 40%, 52%)
CMYK
cmyk(18%, 40%, 0%, 48%)
Oklch
oklch(48.4% 0.089 308.5)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

B6B8B0
B3B1B9

Analogous

B9B7B1
B6B8B0
B3B9B1

Triadic

B6B8B0
B1B7B9
B9B1B7

Split-Comp.

B6B8B0
B1B3B9
B7B1B9

Tetradic

B6B8B0
B1B9B7
B3B1B9
B9B1B3

Contrast Matrix WCAG 2.1 Contrast

B6B8B0
8DB0A4
67A8A0
667E90
6D5085
—
1.2
Fail
1.4
Fail
2.1
Fail
3.3
AA Large
1.2
Fail
—
1.2
Fail
1.8
Fail
2.8
Fail
1.4
Fail
1.2
Fail
—
1.6
Fail
2.5
Fail
2.1
Fail
1.8
Fail
1.6
Fail
—
1.6
Fail
3.3
AA Large
2.8
Fail
2.5
Fail
1.6
Fail
—
White BG
2.0Fail
2.4Fail
2.7Fail
4.2AA Large
6.7AA
Black BG
10.5AAA
8.9AAA
7.7AAA
5.0AA
3.1AA Large

Color Blindness Simulation Color Blindness Simulation

Protanopia

B7B7B2
9C9CA7
8384A2
70718C
606078

Deuteranopia

B7B7B2
9A98A8
7F7BA2
6F6D8B
626475

Tritanopia

B6B3B4
8FA9AA
6AA3A4
678887
6C6E6C

Achromatopsia

B6B6B6
A4A4A4
949494
797979
5F5F5F

Shades & Tints Shades & Tints

#B6B8B0

Dark
Light

#8DB0A4

Dark
Light

#67A8A0

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #b6b8b0;
  --color-2: #8db0a4;
  --color-3: #67a8a0;
  --color-4: #667e90;
  --color-5: #6d5085;
}

SCSS

$color-1: #b6b8b0;
$color-2: #8db0a4;
$color-3: #67a8a0;
$color-4: #667e90;
$color-5: #6d5085;

TAILWIND

colors: {
  'brand-1': '#b6b8b0',
  'brand-2': '#8db0a4',
  'brand-3': '#67a8a0',
  'brand-4': '#667e90',
  'brand-5': '#6d5085',
}

RGB Array

[182, 184, 176], [141, 176, 164], [103, 168, 160], [102, 126, 144], [109, 80, 133]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #B6B8B0, #8DB0A4, #67A8A0, #667E90, #6D5085 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: #b6b8b0; --color-2: #8db0a4; --color-3: #67a8a0; --color-4: #667e90; --color-5: #6d5085. 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