← Back to Editor

#6C7360 · #6F827E · #8B8192 · #9E8D95 · #AAA49E

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

HarmoniousVersatileWarmCool

Industry INDUSTRY

E-commerceBusiness

UI Context UI CONTEXT

Web PageComponent Library

Color Details Color Details

#6C7360

Grass Green · DimGray · Warm Gray

HEX
#6C7360
RGB
rgb(108, 115, 96)
HSL
hsl(82, 9%, 41%)
HSB
hsb(82, 17%, 45%)
CMYK
cmyk(6%, 0%, 17%, 55%)
Oklch
oklch(54.4% 0.030 123.9)

Traditional「Grass Green」· Paint「Warm Gray」· Creative Urban Concrete

#6F827E

Mineral Blue · Gray · Warm Gray

HEX
#6F827E
RGB
rgb(111, 130, 126)
HSL
hsl(167, 8%, 47%)
HSB
hsb(167, 15%, 51%)
CMYK
cmyk(15%, 0%, 3%, 49%)
Oklch
oklch(59.0% 0.023 181.4)

Traditional「Mineral Blue」· Paint「Warm Gray」· Creative Urban Concrete

#8B8192

Ash · Gray · Warm Gray

HEX
#8B8192
RGB
rgb(139, 129, 146)
HSL
hsl(275, 7%, 54%)
HSB
hsb(275, 12%, 57%)
CMYK
cmyk(5%, 12%, 0%, 43%)
Oklch
oklch(61.8% 0.028 311.6)

Traditional「Ash」· Paint「Warm Gray」· Creative Urban Concrete

#9E8D95

Dark Violet · DarkGray · Silver Sand

HEX
#9E8D95
RGB
rgb(158, 141, 149)
HSL
hsl(332, 8%, 59%)
HSB
hsb(332, 11%, 62%)
CMYK
cmyk(0%, 11%, 6%, 38%)
Oklch
oklch(66.1% 0.023 347.6)

Traditional「Dark Violet」· Paint「Silver Sand」· Creative Urban Concrete

#AAA49E

Ash · DarkGray · Silver Sand

HEX
#AAA49E
RGB
rgb(170, 164, 158)
HSL
hsl(30, 7%, 64%)
HSB
hsb(30, 7%, 67%)
CMYK
cmyk(0%, 4%, 7%, 33%)
Oklch
oklch(72.2% 0.011 67.7)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

6C7360
665F72

Analogous

726F5F
6C7360
62725F

Triadic

6C7360
5F6B72
725F6B

Split-Comp.

6C7360
5F6272
6F5F72

Tetradic

6C7360
5F726F
665F72
725F62

Contrast Matrix WCAG 2.1 Contrast

6C7360
6F827E
8B8192
9E8D95
AAA49E
—
1.2
Fail
1.3
Fail
1.6
Fail
2.0
Fail
1.2
Fail
—
1.1
Fail
1.3
Fail
1.6
Fail
1.3
Fail
1.1
Fail
—
1.2
Fail
1.5
Fail
1.6
Fail
1.3
Fail
1.2
Fail
—
1.3
Fail
2.0
Fail
1.6
Fail
1.5
Fail
1.3
Fail
—
White BG
4.9AA
4.1AA Large
3.7AA Large
3.1AA Large
2.5Fail
Black BG
4.3AA Large
5.2AA
5.7AA
6.7AA
8.5AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

6F6F65
77777F
87878E
979693
A7A79F

Deuteranopia

6F6E66
76757F
87888D
989993
A8A8A0

Tritanopia

6C6869
708080
8A8B8A
9D9291
AAA1A1

Achromatopsia

6F6F6F
7C7C7C
868686
939393
A5A5A5

Shades & Tints Shades & Tints

#6C7360

Dark
Light

#6F827E

Dark
Light

#8B8192

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #6c7360;
  --color-2: #6f827e;
  --color-3: #8b8192;
  --color-4: #9e8d95;
  --color-5: #aaa49e;
}

SCSS

$color-1: #6c7360;
$color-2: #6f827e;
$color-3: #8b8192;
$color-4: #9e8d95;
$color-5: #aaa49e;

TAILWIND

colors: {
  'brand-1': '#6c7360',
  'brand-2': '#6f827e',
  'brand-3': '#8b8192',
  'brand-4': '#9e8d95',
  'brand-5': '#aaa49e',
}

RGB Array

[108, 115, 96], [111, 130, 126], [139, 129, 146], [158, 141, 149], [170, 164, 158]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #6C7360, #6F827E, #8B8192, #9E8D95, #AAA49E 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: #6c7360; --color-2: #6f827e; --color-3: #8b8192; --color-4: #9e8d95; --color-5: #aaa49e. 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